div에 img 넣기 (props)

export const ImgBox = styled.div`
  background-image: ${(props) => `url(${props.img})`};
  background-size: cover;
  background-position: center;
  height: 20rem;
  border-radius: 1rem;
  position: relative;
`;

<ImgBox img={img}>

⛔️ error solution
background-image만 줬더니 사진의 전체 이미지가 담기지 않아서 background-size:cover & background-position: center를 추가하여 이미지가 div의 사이즈에 딱 맞게 배치됨