.section-text-headline-headline {
    grid-column: 3 / span 4;
    text-align: left;
    text-wrap: balance;
    margin: 0;
}

.section-text-headline-description {
    grid-column: 8 / span 5;
}

.section-text-headline::after {
    content: '';
    position: absolute;
    background-color: #24314914;
    mask-image: url(../../img/logo-small.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    left: calc(var(--grid-margin) + var(--grid-gap));
    aspect-ratio: 1;
    width: max(32ch, calc(var(--grid-col-width) * 4 + var(--grid-gap) * 3));
    pointer-events: none;
    z-index: 1;
    grid-row: 1 / span 2;
}


.section-text-headline.bg-red::after {
    background-color: #FFFFFF14;
}

@media (max-width: 1199.98px) {
    .section-text-headline-headline {
        grid-column: 2 / span 5;
    }

    .section-text-headline-description {
        grid-column: 8 / span 6;
    }
}

@media (max-width: 767.98px) {
    .section-text-headline-headline,
    .section-text-headline-description {
        grid-column: 2 / span 12;
    }

    .section-text-headline-headline {
        margin-bottom: var(--s-sm);
    }
}

@media (max-width: 575.98px) {}