.headline-media-btns .headline {
    grid-area: 1/2/1/span 12;
}

.headline-media-btns .media-container {
    grid-area: 2/3/2/span 10;
}

.headline-media-btns .highlight-lg {
    grid-area: 2/3/2/span 3;
    z-index: 1;
    margin-bottom: max(40px, 3.28125vw);
}

.headline-media-btns .text-container {
    grid-area: 2/6/2/span 6;
    z-index: 1;
}

.headline-media-btns .btns-container {
    grid-area: 3/3/3/span 10;
}

@media (max-width: 991.98px) {
    .headline-media-btns .media-container {
        grid-area: 2/2/2/span 12;
    }

    .headline-media-btns .highlight-lg {
        grid-area: 2/2/2/span 4;
    }

    .headline-media-btns .text-container {
        grid-area: 2/6/2/span 7;
    }

    .headline-media-btns .btns-container {
        grid-area: 3/2/3/span 12;
    }
}

@media (max-width: 767.98px) {
    .headline-media-btns .highlight-lg {
        grid-area: 2/2/2/span 12;
        text-align: center;
        justify-self: center;
        color: currentColor;
    }

    .headline-media-btns .media-container {
        grid-area: 3/2/3/span 12;
        aspect-ratio: 4/3;
    }

    .headline-media-btns .text-container {
        grid-area: 3/2/3/span 12;
        padding: 0 var(--grid-gap);
        margin-bottom: var(--grid-gap);
        text-align: center;
    }

    .headline-media-btns .btns-container {
        grid-area: 4/2/4/span 12;
        flex-direction: column;
        justify-self: center;
        align-items: center;
    }
}