.gallery-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /*gap: 2vw; 
    padding: 0 2vw;*/
}
.gallery-items{
    width: 400px;
    /*height: 268px;
    border: 3px solid #FFF;*/
    box-shadow: 5px 5px 5px #0006;
    flex-grow: 1;
    transition: transform .5s linear;
}
.gallery-items img {
    width: 100%;
    height: 100%;
    /*object-fit: cover; */
}

.gallery-items:hover{
    transform: scale(1.02);
}
@media (min-width: 1415.2px) and (max-width: 1720px) {
    .gallery-items{
        width: 350px;

        box-shadow: 5px 5px 5px #0006;
        flex-grow: 1;
        transition: transform .5s linear;
    }
}

@media (min-width: 1360px) and (max-width: 1415px) {
    .gallery-items{
        width: 284px;

        box-shadow: 5px 5px 5px #0006;
        flex-grow: 1;
        transition: transform .5s linear;
    }
}

@media (min-width: 1100px) and (max-width: 1359px) {
    .gallery-items{
        width: 272px;

        box-shadow: 5px 5px 5px #0006;
        flex-grow: 1;
        transition: transform .5s linear;
    }
}
@media (min-width: 900px) and (max-width: 1102.8px) {
    .gallery-items{
        width: 220px;

        box-shadow: 5px 5px 5px #0006;
        flex-grow: 1;
        transition: transform .5s linear;
    }
}