.headlines-btns-accordion-imgs .headline-left {
    grid-area: 1/3/1/span 3;
}

.headlines-btns-accordion-imgs .btns-left {
    grid-area: 1/5/1/span 2;
}

.headlines-btns-accordion-imgs .accordion {
    grid-area: 2/3/2/span 4;
}

.headlines-btns-accordion-imgs .headline-right {
    grid-area: 1/8/1/span 3;
}

.headlines-btns-accordion-imgs .btns-right {
    grid-area: 1/11/1/span 2;
}

.headlines-btns-accordion-imgs .imgs-container {
    grid-area: 2/8/2/span 5;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--grid-gap);
}

.headlines-btns-accordion-imgs .imgs-container .img-container {
    aspect-ratio: 302/487;
}

@media (max-width: 1399.98px) {
    .headlines-btns-accordion-imgs .headline-left {
        grid-area: 1/2/1/span 4;
    }

    .headlines-btns-accordion-imgs .accordion {
        grid-area: 2/2/2/span 5;
    }

    .headlines-btns-accordion-imgs .headline-right {
        grid-area: 1/8/1/span 4;
    }

    .headlines-btns-accordion-imgs .btns-right {
        grid-area: 1/11/1/span 3;
    }

    .headlines-btns-accordion-imgs .imgs-container {
        grid-area: 2/8/2/span 6;
    }
}

@media (max-width: 1199.98px) {
    .headlines-btns-accordion-imgs {
        text-align: center;
    }

    .headlines-btns-accordion-imgs .headline-left {
        grid-area: 1/4/1/span 8;
    }

    .headlines-btns-accordion-imgs .btns-left {
        grid-area: 2/4/2/span 8;
        justify-self: center;
        margin-top: var(--m-50);
    }

    .headlines-btns-accordion-imgs .accordion {
        grid-area: 3/4/3/span 8;
    }

    .headlines-btns-accordion-imgs .headline-right {
        grid-area: 4/4/4/span 8;
        margin-top: var(--m-large);
    }

    .headlines-btns-accordion-imgs .btns-right {
        grid-area: 5/4/5/span 8;
        margin-top: var(--m-50);
        justify-self: center;
    }

    .headlines-btns-accordion-imgs .imgs-container {
        grid-area: 6/4/6/span 8;
        margin-bottom: var(--m-small);
    }
}

@media (max-width: 767.98px) {
    .headlines-btns-accordion-imgs .headline-left {
        grid-area: 1/3/1/span 10;
    }

    .headlines-btns-accordion-imgs .btns-left {
        grid-area: 2/3/2/span 10;
    }

    .headlines-btns-accordion-imgs .accordion {
        grid-area: 3/3/3/span 10;
    }

    .headlines-btns-accordion-imgs .headline-right {
        grid-area: 4/3/4/span 10;
    }

    .headlines-btns-accordion-imgs .btns-right {
        grid-area: 5/3/5/span 10;
    }

    .headlines-btns-accordion-imgs .imgs-container {
        grid-area: 6/3/6/span 10;
    }
}

@media (max-width: 575.98px) {
    .headlines-btns-accordion-imgs .headline-left {
        grid-area: 1/2/1/span 12;
    }

    .headlines-btns-accordion-imgs .btns-left {
        grid-area: 2/2/2/span 12;
    }

    .headlines-btns-accordion-imgs .accordion {
        grid-area: 3/2/3/span 12;
    }

    .headlines-btns-accordion-imgs .headline-right {
        grid-area: 4/2/4/span 12;
    }

    .headlines-btns-accordion-imgs .btns-right {
        grid-area: 5/2/5/span 12;
    }

    .headlines-btns-accordion-imgs .imgs-container {
        grid-area: 6/2/6/span 12;
        gap: 8px;
    }

    .headlines-btns-accordion-imgs .imgs-container .img-container {
        aspect-ratio: 108/248;
    }
}