*{
    margin:0;
}

.img-gallery{
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
}

.gallery-item1,.gallery-item2,.gallery-item3, img{
    object-fit:cover;
    width: 50vh;
    aspect-ratio: 1 / 1;
    gap: 1%;
}


@keyframes translate{
    0%
        {transform:none;} 
   
    25%
        {transform: translateY(-25px); }
   
    75%
         {transform: translateY(20px);} 
    
    100%
        {transform:none; }
}


.gallery-item1{
    flex: 5%;
    padding-left: 6%;
    animation: 2.5s 
    translate infinite ease-in-out 0s;
}


.gallery-item2 {
    flex: 5%;
    padding: 0;
    animation-name: translate;
    animation-duration: 2.5s;
    animation-delay: .5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}


.gallery-item3 {
    flex: 5%;
    padding: 0;
    animation-name: translate;
    animation-duration: 2.5s;
    animation-delay: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}