[CSS] grid 요소 넘어가는 image 자르기

grid를 통해 이미지와 텍스트들을 배치해줬다.
근데 이미지가 너무 커서 화면을 넘어가는 현상 발생...

 

이를 자르기 위해서는 다음과 같이 하면 된다

.detail-element > img {
  grid-area: detail-element-img;
  height: 100%;
  display: block;
  overflow: hidden;
}