.gallery {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr;
    gap: 20px;
    max-height: 480px;
    position: relative;
}

.gallery > div {
    background: #454545;

    padding: 4px;
    height: 100%;
}
.gallery > div::before {
    background: #454545;
}
.gallery > div:not(:first-child)::after {
    background: #454545;
}
.gallery > div:nth-child(2),
.gallery > div:nth-child(3) {
}
.gallery > div:nth-child(2) {
    opacity: 0.7;
}
.gallery > div:nth-child(3) {
    opacity: 0.5;
}
@media (max-width: 768px) {
    .gallery {
        gap: 4px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .gallery > div {
        padding: 8px;
        max-height: 200px;
    }
}