*{
    margin: 0;
}
.img-gallery{
    display: flex;
    gap: 1rem;
    margin: 2vw;
}
.gallergy-item1{
    flex: 33%;
    padding: 1rem;
    animation-name: translate;
    animation: translate 2.5s ease-in-out 0s infinite;
}
.gallergy-item2{
    flex: 33%;
    padding: 1rem;
    animation-name: translate;
    animation: translate 2.5s ease-in-out 0.5s infinite;
}
.gallergy-item3{
    flex: 33%;
    padding: 1rem;
    animation-name: translate;
    animation: translate 2.5s ease-in-out 1s infinite;
}
.gallergy-item1,.gallergy-item2, .gallergy-item3, img{
    object-fit: cover;
    width: 100%;
    height: 30vw;
}
@keyframes translate {
    0%{
        transform: none;
    }
    25%{
        transform: translateY(-25px);
    }
    50%{
        transform: translateY(0);
    }
    100%{
    transform: none;
    }
}