CSS img object-fit

박스에 호버 시 배경 이미지만 확대

const BackgroundPosterWrapper = styled.div`
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
`;

const BackgroundPoster = styled.img`
  width: 100%;
  height: 100%;
  object-fit: cover;

  :hover {
    transform: scale(1.1);
    transition: all 0.2s;
  }

https://nykim.work/86 object-fit