*{
    margin:0;
    padding: 0;
}

.img-gallery {
    display: flex;
    gap:1rem;
    margin:2vw;
}

/*---------------item1--------------------*/

.gallery-item1 {
    flex:33%;
    padding:1rem;
    animation-name: translate;

    animation:translate 2.5s ease-in-out infinite ;

}

.gallery-item1,.gallery-item2,.gallery-item3, img {
    object-fit: cover;
    width: 100%;
    height:30vw;
}

@keyframes translate {
    0%{
        transform: none;
    }

    25%{
        transform:translateY(-25px)
    }

    50%{
        transform: translateY(0px);
    }

    75%{
        transform: translateY(0);
    }

    100%{
        transform: none;
    }
}

/*---------------item2--------------------*/


.gallery-item2 {
    flex:33%;
    padding:1rem;
    animation-name: translate;
    animation:translate 2.5s ease-in-out .5s infinite;

}




/*---------------item3--------------------*/

.gallery-item3 {
    flex:33%;
    padding:1rem;
    animation-name: translate;
    animation:translate 2.5s ease-in-out 1s infinite;

}



/*-----------------------------------*/