.layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 120px;
    gap: 16px;
}
.layout a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}
.layout a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}
.layout a:hover img {
    transform: scale(105%);
}
.layout .column-01 {
    grid-column: span 12;
}
.layout .column-02 {
    grid-column: span 6;
}
.layout .column-03 {
    grid-column: span 4;
}
.layout .column-04 {
    grid-column: span 3;
}

.layout .big-02 {
    grid-row: span 2;
}
.layout .big-03 {
    grid-row: span 3;
}
.layout .big-04 {
    grid-row: span 4;
}
.layout .big-05 {
    grid-row: span 5;
}
.layout .big-06 {
    grid-row: span 6;
}
.layout .big-07 {
    grid-row: span 7;
}
.layout .big-08 {
    grid-row: span 8;
}

/*--RESPONSIVE-MIDDLE--*/
@media screen and (max-width: 800px) {
    .layout .column-02 {
        grid-column: span 12;
    }
    .layout .column-03 {
        grid-column: span 12;
    }
    .layout .column-04 {
        grid-column: span 12;
    }
}