.articles-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 12px 13px;
    grid-auto-flow: row;
}

.articles-gallery-v1 {
    grid-template-areas:
        "image_1 image_2 image_2"
        "image_1 image_3 image_4";
}

.articles-gallery-v1 .image_1 {
    max-height: 720px;
}

.articles-gallery-v1 .image_2 {
    max-height: 350px;
}

.articles-gallery-v1 .image_3,
.articles-gallery-v1 .image_4 {
    max-height: 350px;
}

.articles-gallery-v2 {
    grid-template-areas:
        "image_2 image_2 image_1"
        "image_3 image_4 image_1";
}

.articles-gallery-v2 .image_1 {
    max-height: 720px;
}

.articles-gallery-v2 .image_2 {
    max-height: 350px;
}

.articles-gallery-v2 .image_3,
.articles-gallery-v2 .image_4 {
    max-height: 350px;
}

.articles-gallery-v3 {
    grid-template-areas:
        "image_1 image_1 image_1"
        "image_2 image_3 image_4";
}

.articles-gallery-v3 .image_1 {
    max-height: 495px;
}

.articles-gallery-v5 {
    grid-template-areas:
        "image_1 image_1 image_2"
            "image_1 image_1 image_3";
        }
.articles-gallery-v5 .image_1 {
    max-height: 720px;
}
.articles-gallery-v5 .image_2 {
    max-height: 350px;
}

.articles-gallery-v5 .image_3 {
    max-height: 350px;
}

.articles-gallery-v6 {
    grid-template-areas:
        "image_2 image_1 image_1"
        "image_3 image_1 image_1";
}

.articles-gallery-v6 .image_1 {
    max-height: 720px;
}

.articles-gallery-v6 .image_2 {
    max-height: 350px;
}

.articles-gallery-v6 .image_3 {
    max-height: 350px;
}

@media (max-width: 590px) {
    .articles-gallery-v3 {
        grid-template-areas:
            "image_1 image_2 image_2"
                "image_1 image_3 image_4";
            }
.articles-gallery-v4 {
        grid-template-areas:
            "image_2 image_2 image_1"
            "image_3 image_4 image_1";
    }
}

.articles-gallery-v4 {
    grid-template-areas:
        "image_2 image_3 image_4"
        "image_1 image_1 image_1";
}
.articles-gallery-v4 .image_1 {
    max-height: 495px;
}

.image_1 {
    grid-area: image_1;
}

.image_2 {
    grid-area: image_2;
}
.image_3 {
    grid-area: image_3;
}

.image_4 {
    grid-area: image_4;
}

.gallery__block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__block a::after {
    content: none;
}

.pswp {
    --pswp-bg: none !important;
}

.pswp__button {
    display: none !important;
}