/* container for all images */
.gallery {
    display: flex;            
    flex-wrap: wrap;          
    justify-content: center;  
    gap: 40px;                
    margin: 50px auto;        
}

/* individual images */
.gallery img {
    width: 400px;
    height: 400px;
    object-fit: contain;
}


.gallery a {
  overflow: hidden;
  display: flex;
}

.gallery img {
  transition: transform 0.5s ease 0.1s, filter 0.5s ease 0.1s;
  will-change: transform;
}

.gallery a:hover img {
  transform: scale(1.04);
}