.fixed-bg {

    background-color: var(--beige);

    padding-block: var(--s-lg);

    align-items: flex-end;

    grid-template-rows: 1fr auto auto;

}



.fixed-bg-headline {

    grid-column: 4 / span 6;

    margin-left: var(--s-sm);

    grid-row: 1 / span 1;

    z-index: 1;

    font-weight: 600;

    font-size: max(2rem, 4vw);

    text-transform: uppercase;

    text-wrap: balance;

    margin: 0;

    margin-bottom: var(--s-sm);

    margin-left: var(--s-sm);

}



.fixed-bg-btn {

    grid-column: 4 / span 8;

    grid-row: 2 / span 1;

    margin-left: var(--s-sm);

    z-index: 1;

    margin-bottom: var(--s-sm);

}



.fixed-bg-img-wrapper {

    grid-column: 4 / span 8;

    grid-row: 1 / span 2;

    min-height: 70vh;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    border-radius: 0.75em;

}



@media (max-width: 1399.98px) {

    .fixed-bg-img-wrapper {

        grid-column: 3 / span 10;

        min-height: 50vh;

    }



    .fixed-bg-headline,

    .fixed-bg-btn {

        grid-column: 3 / span 6;

    }

}



@media (max-width: 1199.98px) {

        .fixed-bg-img-wrapper {

        grid-column: 2 / span 12;

        min-height: 40vh;

        background-attachment: unset;

    }



    .fixed-bg-headline,

    .fixed-bg-btn {

        grid-column: 2 / span 12;

    }

}