.gallery-pic {
  width: 100%;
  height: auto; /* important: removes fixed height */
  overflow: hidden;
}

.gallery-pic img {
  width: 100%;
  height: auto; /* auto height for responsiveness */
  object-fit: cover;
  display: block;
}

/* Optional: control height on larger screens */
@media (min-width: 1024px) {
  .gallery-pic {
    height: 700px; /* desktop height */
  }

  .gallery-pic img {
    height: 100%;
  }
}

/* Tablets */
@media (max-width: 992px) {
  .gallery-pic {
    height: 500px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .gallery-pic {
    height: 380px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .gallery-pic {
    height: 260px;
  }
}