.headline-subheadline-text .headline {
    grid-area: 1/3/1/span 4;
    max-width: 12ch;
}

.headline-subheadline-text .icon-container {
    grid-area: 1/6/1/6;
    width: var(--m-md);
    aspect-ratio: 100/50;
}

.headline-subheadline-text .subheadline {
    grid-area: 2/3/2/span 4;
    margin-top: 15px;
    max-width: 32ch;
}

.headline-subheadline-text .text-subline-container {
    grid-area: 1/7/span 2/span 5;
}

.headline-subheadline-text .text-subline-container .subline {
    align-self: flex-end;
    margin-right: calc(var(--grid-gap) * -1);
}

@media (max-width: 1199.98px) {
    .headline-subheadline-text .headline {
        grid-area: 1/2/1/span 4;
    }

    .headline-subheadline-text .subheadline {
        grid-area: 2/2/2/span 4;
    }

    .headline-subheadline-text .text-subline-container {
        grid-area: 1/7/span 2/span 7;
    }

    .headline-subheadline-text .text-subline-container .subline {
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .headline-subheadline-text {
        text-align: center;
    }

    .headline-subheadline-text .headline {
        grid-area: 1/4/1/span 8;
        justify-self: center;
    }

    .headline-subheadline-text .subheadline {
        grid-area: 2/4/2/span 8;
        justify-self: center;
    }
    
    .headline-subheadline-text .text-subline-container .subline {
        align-self: center;
    }

    .headline-subheadline-text .icon-container {
        grid-area: 3/4/3/span 8;
        justify-self: center;
        margin-top: var(--m-sm);
    }

    .headline-subheadline-text .text-subline-container {
        grid-area: 4/4/4/span 8;
        margin-top: var(--m-sm);
    }
}

@media (max-width: 767.98px) {
    .headline-subheadline-text .headline,
    .headline-subheadline-text .subheadline,
    .headline-subheadline-text .icon-container,
    .headline-subheadline-text .text-subline-container {
        grid-column: 3/span 10;
    }
}

@media (max-width: 575.98px) {

    .headline-subheadline-text .headline,
    .headline-subheadline-text .subheadline,
    .headline-subheadline-text .icon-container,
    .headline-subheadline-text .text-subline-container {
        grid-column: 2/span 12;
    }
}