.gallery-grid{
    margin-right: auto;
    margin-left: auto;
    width: 98vw;
    max-width: 2400px;
}
.grid-item {
    cursor: pointer;
        padding: clamp(0.8rem, 1.5vw, 1.6rem);
        width: 100%;
    }

.grid-sizer,
.grid-item{
    width: 100%;
}

.grid-item img {
    object-fit: contain;
    width: 100%;
    border-radius: 1rem;
}


@media only screen and (min-width: 768px) {
    .grid-sizer,
    .grid-item{
        width: 50%;
    }
    .gallery-grid{
        width: 95vw;
    }
}
@media only screen and (min-width: 1280px) {
    .grid-sizer,
    .grid-item{
        width: 33.33%;
    }
}

@media only screen and (min-width: 2048px) {
    .grid-sizer,
    .grid-item{
        width: 25%;
    }
}