.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    height: auto;
    /* margin-top: -50px; */
    margin-bottom: 0px;

    margin-top: -40px;
}
.gallery .item {
    display: block;
    background: #ccc;
    object-fit: cover;
    width: inherit;
}
.gallery .item:not(.large){
    height: calc(33vw * .6);
    /* height: 400px; */
}
.gallery .item.large{
    grid-row-end: span 2;
    grid-column-end: span 2;
    height: calc(66vw * .6);
    /* height: 800px; */
}

@media only screen and (max-width: 600px) {
    .gallery{
        grid-template-columns: repeat(1, 1fr);
        /* grid-row-gap: 10px; */
        margin-top: -20px;
    }
    .gallery .item.large{
        grid-row-end: span 1;
        grid-column-end: span 1;
    }
    .gallery .item{
        min-height: 250px;
    }
}