/* Align right */
.headline-text-sticker.align-right .headline {
    grid-area: 1/6/1/span 6;
}

.headline-text-sticker.align-right .text-container {
    grid-area: 2/6/2/span 6;
}

.headline-text-sticker.align-right .sticker-container {
    grid-area: 2/3/2/span 2;
    align-self: center
}

/* Align left */
.headline-text-sticker.align-left .headline {
    grid-area: 1/5/1/span 3;
}

.headline-text-sticker.align-left .text-container {
    grid-area: 2/5/2/span 3;
    font-family: "Gelato Typewriter";
    font-size: var(--fs-22);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase;
}

.headline-text-sticker.align-left .sticker-container {
    grid-area: 2/11/2/span 2;
    align-self: center
}

@media (max-width: 991.98px) {
    .headline-text-sticker.align-right .headline {
        grid-area: 1/5/1/span 8;
    }

    .headline-text-sticker.align-right .text-container {
        grid-area: 2/5/2/span 8;
    }

    .headline-text-sticker.align-left .headline {
        grid-area: 1/3/1/span 8;
    }
    
    .headline-text-sticker.align-left .text-container {
        grid-area: 2/3/2/span 8;
    }

    .headline-text-sticker.align-left .sticker-container {
        grid-area: 2/12/2/span 2;
    }
}

@media (max-width: 767.98px) {
    .headline-text-sticker.align-right .sticker-container,
    .headline-text-sticker.align-left .sticker-container {
        grid-area: 1/3/1/span 10;
        justify-self: flex-end;
        margin-bottom: var(--m-small);
    }

    .headline-text-sticker.align-right .headline,
    .headline-text-sticker.align-left .headline {
        grid-area: 2/3/2/span 10;
    }

    .headline-text-sticker.align-right .text-container,
    .headline-text-sticker.align-left .text-container {
        grid-area: 3/3/3/span 10;
    }
}

@media (max-width: 575.98px) {
    .headline-text-sticker.align-right .sticker-container,
    .headline-text-sticker.align-left .sticker-container {
        grid-area: 1/2/1/span 12;
    }

    .headline-text-sticker.align-right .headline,
    .headline-text-sticker.align-left .headline {
        grid-area: 2/2/2/span 12;
    }

    .headline-text-sticker.align-right .text-container,
    .headline-text-sticker.align-left .text-container {
        grid-area: 3/2/3/span 12;
    }
}