/* Gallery Grid Styles */
.gallery-grid {
  display: grid;
  gap: 10px; /* Space between images */
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); /* Responsive columns */
  margin-top: 20px;
}

.gallery-item1 {
  overflow: hidden;
  border-radius: 8px; /* Optional: adds rounded corners */
  position: relative;
  padding-top: 100%; /* Maintain square aspect ratio for the grid item */
}

.gallery-item1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures images fill the gallery item */
  transition: transform 0.3s ease; /* Adds zoom effect */
}

.gallery-item1 img:hover {
  transform: scale(1.1); /* Zooms in slightly on hover */
}