.headline-text-2-imgs-video .pre-headline {
    grid-area: 1/2/1/span 12;
}

.headline-text-2-imgs-video .img-portrait {
    grid-area: 2/3/span 3/span 3;
    aspect-ratio: 558/740;
}

.headline-text-2-imgs-video .img-landscape {
    grid-area: 4/5/span 2/span 3;
    aspect-ratio: 582/426;
}

.headline-text-2-imgs-video .headline {
    grid-area: 2/7/2/span 5;
}

.headline-text-2-imgs-video .text-container {
    grid-area: 3/7/3/span 5;
    width: 80%;
    justify-self: center;
}

.headline-text-2-imgs-video .btns-container {
    grid-area: 4/9/4/span 3;
}

.headline-text-2-imgs-video .video {
    grid-area: 3/12/span 2/span 2;
    aspect-ratio: 364/494;
}

.headline-text-2-imgs-video .highlight-md {
    grid-area: 5/9/5/span 4;
}

@media (max-width: 991.98px) {
    .headline-text-2-imgs-video .headline {
        grid-area: 2/4/2/span 8;
    }

    .headline-text-2-imgs-video .text-container {
        grid-area: 3/4/3/span 8;
        width: 100%;
    }

    .headline-text-2-imgs-video .btns-container {
        grid-area: 4/4/4/span 8;
        justify-content: center;
        margin-bottom: var(--m-sm);
    }

    .headline-text-2-imgs-video .img-portrait {
        grid-area: 5/4/5/span 4;
        aspect-ratio: 162/216;
    }

    .headline-text-2-imgs-video .video {
        grid-area: 5/8/5/span 4;
        aspect-ratio: 162/216;
        margin-top: 0;
    }

    .headline-text-2-imgs-video .img-landscape {
        grid-area: 6/4/6/span 8;
        aspect-ratio: 332/242;
        margin-top: var(--grid-gap);
    }

    .headline-text-2-imgs-video .highlight-md {
        grid-area: 7/4/7/span 8;
    }

}

@media (max-width: 767.98px) {

    .headline-text-2-imgs-video .headline,
    .headline-text-2-imgs-video .text-container,
    .headline-text-2-imgs-video .img-landscape {
        grid-column: 3/span 10;
    }

    .headline-text-2-imgs-video .img-portrait {
        grid-column: 3/span 5;
    }

    .headline-text-2-imgs-video .video {
        grid-column: 8/span 5;
    }
}

@media (max-width: 575.98px) {

    .headline-text-2-imgs-video .headline,
    .headline-text-2-imgs-video .text-container,
    .headline-text-2-imgs-video .img-landscape {
        grid-column: 2/span 12;
    }

    .headline-text-2-imgs-video .img-portrait {
        grid-column: 2/span 6;
    }

    .headline-text-2-imgs-video .video {
        grid-column: 8/span 6;
    }
}