overflow-hidden,transform:scale(), transition

.gallery-item {
  overflow: hidden;
}

.gallery-item img {
  display: block;
  width: 100%;
  transition: all 0.4s;
}

.gallery-item img:hover {
  transform: scale(1.1);
}

이미지에 hover되는게 grid칸을 넘어가서
overflow:hidden으로 설정해주었고
transition은 예전에 배운건데
혹시 정리를 안해두었을 걸 감안해서..
애니메이션 효과를 내주는거다..
transform:scale()이건 처음 배웠는데
마우스 호버할때 이미지가 커짐 ㅎㅎㅎㅎ