/* Adds a smooth scaling transition to gallery images on hover */
.gallery-image {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  will-change: transform; /* Best practice for transform animations */
}

.gallery-image:hover {
  transform: scale(1.01);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Add a subtle shadow for depth */
}

/* General class for any element you want to have the zoom hover effect */
.zoom-on-hover {
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.zoom-on-hover:hover {
  transform: scale(1.05);
}