CSS 이미지 화면창에 다 안담길때

- 수정 전 CSS 코드

.imgContainer{
    transform: rotateZ(-5deg) translateX(-30px) translateY(-30px);
    width: 110%;
    height: 100%;
}


.imgContainer img{
    object-fit: cover;
}

- 수정 후 CSS 코드

.imgContainer {
    width: 110%;
    position: absolute;
    top: 0;
    height: 40%;
    overflow: hidden;
}


.imgContainer img{
    object-fit: cover;
    width: 110%;
    height: 100%;
    transform: rotateZ(-5deg) translateX(-30px) translateY(-50px);
}

overflow : hidden 속성을 주니까 전부 다 채워졌다.