.image-gallery {
  max-width: 600px;
}

.main-image {
  max-height: 500px;     /* ← control overall size */
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 8px;
}

.thumbnails {
  display: flex;
  gap: 8px;
}

.thumbnails img {
  width: 80px;
  cursor: pointer;
  border-radius: 6px;
  opacity: 0.7;
  transition: 0.2s;
}

.thumbnails img:hover {
  opacity: 1;
  transform: scale(1.05);
}