* {
    margin: 0;
}

body {
    background-color: rgb(0, 19, 56);
}

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


.gal-item1 {
    flex: 33%;
    padding: 1rem;
    animation-delay: 0s;
    animation: 2s infinite ease-in-out expand;
}
.gal-item2 {
    flex: 33%;
    padding: 1rem;
    animation: 2s .5s infinite ease-in-out expand;
}
.gal-item3 {
    flex: 33%;
    padding: 1rem;
    animation: 2s 1s infinite ease-in-out expand;
}
.gal-item1,.gal-item2,.gal-item3, img {
    object-fit: cover;
    width: 100%;
    height: 30vw;
}



@keyframes expand {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-25px);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}