.headline-text-2-imgs-video .img-portrait {
    grid-area: 1/3/span 4/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 .icon-img {
  grid-area: 4/5/span 2/span 3;
  height: max(64px, 7.8125vw);
  width: auto;
  transform: translate(50%, 50%) rotate(-6deg);
}

.headline-text-2-imgs-video .icon-headline {
    grid-area: 1/6/span 1/span 1;
    transform: translateY(-100%);
}

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

.headline-text-2-imgs-video .text-container {
    grid-area: 2/7/span 1/span 4;
    margin-right: calc(var(--grid-col-width) * .5);
}

.headline-text-2-imgs-video .btns-container {
    grid-area: 3/7/span 1/span 4;
    margin-right: calc(var(--grid-col-width) * .5);
}

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

.headline-text-2-imgs-video .highlight {
	grid-area: 5/9/5/span 4;
	margin-bottom: var(--m-sm);
}

/* V2 */
.headline-text-2-imgs-video.v2 {
    grid-template-rows: repeat(3, auto) 1fr;
}

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

.headline-text-2-imgs-video.v2 .img-landscape {
    grid-area: 3/10/span 2/span 3;
    align-self: flex-end;
}

.headline-text-2-imgs-video.v2 .highlight {
	grid-area: 4/6/span 1/span 3;
    text-align: left;
    justify-self: center;
    width: fit-content;
    max-width: 19ch;
	text-align-last: right;
    line-height: 2.15;
}

.headline-text-2-imgs-video.v2 .icon-img {
    grid-area: 1/4/span 3/span 2;
    max-width: 100%;
    transform: translate(50%, 50%);
}

@media (max-width: 1299.98px) {
    .headline-text-2-imgs-video .icon-headline {
        grid-area: 1/4/span 1/span 8;
        transform: translateY(0%);
        margin-bottom: var(--m-sm);
    }

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

    .headline-text-2-imgs-video .text-container {
        grid-area: 3/4/span 1/span 8;
        margin-right: 0;
        margin-bottom: var(--m-sm);
    }

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

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

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

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

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

    .headline-text-2-imgs-video.v2 .img-portrait {
        grid-area: 4/4/span 1/span 5;
        margin-top: var(--m-sm);
    }

    .headline-text-2-imgs-video.v2 .icon-img {
        grid-area: 4/4/span 1/span 5;
        transform: translate(65%, 0%);
        align-self: center;
    }

    .headline-text-2-imgs-video.v2 .highlight {
        grid-area: 5/3/span 1/span 4;
        text-align: left;
        align-self: center;
        margin-top: var(--m-sm);
    }

    .headline-text-2-imgs-video.v2 .img-landscape {
        grid-area: 5/7/span 1/span 5;
        margin-top: var(--m-md);
    }
}

@media (max-width: 767.98px) {
    .headline-text-2-imgs-video .icon-headline,
    .headline-text-2-imgs-video .headline,
    .headline-text-2-imgs-video .text-container,
    .headline-text-2-imgs-video .img-landscape,
    .headline-text-2-imgs-video .btns-container,
    .headline-text-2-imgs-video .highlight {
        grid-column: 3/span 10;
    }

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

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

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

    .headline-text-2-imgs-video.v2 .img-portrait {
        grid-area: 4/3/span 1/span 6;
    }

    .headline-text-2-imgs-video.v2 .icon-img {
        grid-area: 4/3/span 1/span 6;
    }

    .headline-text-2-imgs-video.v2 .img-landscape {
        grid-area: 5/7/span 1/span 6;
    }

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

@media (max-width: 575.98px) {
    .headline-text-2-imgs-video .icon-headline,
    .headline-text-2-imgs-video .headline,
    .headline-text-2-imgs-video .text-container,
    .headline-text-2-imgs-video .img-landscape,
    .headline-text-2-imgs-video .btns-container,
    .headline-text-2-imgs-video .highligh {
        grid-column: 2/span 12;
    }

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

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

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

    .headline-text-2-imgs-video.v2 .img-portrait {
        grid-area: 4/2/span 1/span 7;
    }

    .headline-text-2-imgs-video.v2 .icon-img {
        grid-area: 4/2/span 1/span 7;
    }

    .headline-text-2-imgs-video.v2 .img-landscape {
        grid-area: 5/6/span 1/span 8;
    }

    .headline-text-2-imgs-video.v2 .highlight {
        grid-area: 6/2/span 1/span 12;
        justify-self: center;
        text-align: center;
        margin-top: var(--m-md);
    }
}