.gallery img {
    max-width: 100%;
   height: auto;
   
    cursor: pointer;
  }

  /* Style for the gallery images */
.gallery .col-md-3 {
position: relative;
overflow: hidden;
}

/* Initial state of the images */
.gallery .col-md-3 img {
width: 100%;
height: auto;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.gallery .col-md-3:hover img {
transform: scale(1.1); /* Zoom effect */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow */
}

/* Optional: Add some effect for the link hover */
.gallery .col-md-3 a {
display: block;
position: relative;
}