.bg-img-highlight-textbox .bg-img {
    grid-area: 1/1/1/span 6;
    aspect-ratio: 1074/715;
    max-width: max(512px, 41.953125vw);
}

.bg-img-highlight-textbox .highlight-sm {
    grid-area: 1/4/1/span 3;
    line-height: 1.25;
    transform: rotate(-5deg);
}

.bg-img-highlight-textbox .box {
    grid-area: 1/7/1/span 7;
    padding: var(--m-sm) max(32px, 5.15625vw);
}

.bg-img-highlight-textbox .box .text-container {
	max-width: 56ch;
}

@media (max-width: 1199.98px) {
    .bg-img-highlight-textbox .box {
        margin: var(--m-sm) 0;
    }
}

@media (max-width: 991.98px) {
    .bg-img-highlight-textbox .box {
        grid-area: 1/4/1/span 8;
    }

    .bg-img-highlight-textbox .bg-img {
        grid-area: 2/1/2/span 9;
        max-width: unset;
    }

    .bg-img-highlight-textbox .highlight-sm {
        grid-area: 2/1/2/span 9;
        justify-self: flex-end;
    }
}

@media (max-width: 767.98px) {
    .bg-img-highlight-textbox .box {
        grid-area: 1/3/1/span 10;
    }

    .bg-img-highlight-textbox .bg-img,
    .bg-img-highlight-textbox .highlight-sm {
        grid-area: 2/1/2/span 11;
    }
}

@media (max-width: 575.98px) {
    .bg-img-highlight-textbox .box {
        grid-area: 1/2/1/span 12;
    }

    .bg-img-highlight-textbox .bg-img,
    .bg-img-highlight-textbox .highlight-sm {
        grid-area: 2/1/2/span 13;
    }
}