.image-grid {
  display: flex;
  gap: 0;
  flex-direction: column;
}
.image-grid img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0;
  padding: 0;
}

/* 기본 상태: 모바일 이미지 숨김, 데스크탑 이미지는 보임 */
.desktop-image-grid {
    display: block;
  }
  .mobile-image-grid {
    display: none;
  }
  
  @media only screen and (max-width: 768px) {
    /* 모바일 상태: 데스크탑 이미지 숨김, 모바일 이미지 보임 */
    .desktop-image-grid {
      display: none;
    }
    .mobile-image-grid {
      display: block;
    }
  }

