.preheadline-headline-img-text-btn .pre-headline {
    grid-area: 1/2/1/span 12;
    margin-bottom: .625em;
}

.preheadline-headline-img-text-btn .headline {
    grid-area: 2/2/2/span 12;
    margin-bottom: 3em;
}

.preheadline-headline-img-text-btn .img-container {
    grid-area: 3/4/span 4/span 3;
    aspect-ratio: 558/600;
}

.preheadline-headline-img-text-btn .img-container::after {
    content: "";
    display: flex;
    background-image: url(../../img/quotation.svg);
    background-size: contain;
    background-position: center;
    width: max(64px, 5.625vw);
    aspect-ratio: 150/167;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(33%, -25%);
    mix-blend-mode: multiply;
}

.preheadline-headline-img-text-btn .img-container img {
    grid-area: 1/1/1/1;
}

.preheadline-headline-img-text-btn .img-container .default-btn {
    grid-area: 1/1/1/1;
    align-self: flex-end;
    justify-self: center;
    margin-bottom: max(16px, 1.25vw);
}

.preheadline-headline-img-text-btn .text-container {
    grid-area: 4/8/4/span 4;
    margin-bottom: 2.5em;
}

.preheadline-headline-img-text-btn > .default-btn {
    grid-area: 5/8/5/span 4;
    margin-bottom: 3em;
}

@media (max-width: 1399.98px) {
    .preheadline-headline-img-text-btn .img-container {
        grid-area: 3/3/span 4/span 4;
    }

    .preheadline-headline-img-text-btn .text-container {
        grid-area: 4/8/4/span 5;
    }
    
    .preheadline-headline-img-text-btn > .default-btn {
        grid-area: 5/8/5/span 5;
        margin-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .preheadline-headline-img-text-btn .img-container {
        grid-area: 3/2/span 4/span 6;
    }

    .preheadline-headline-img-text-btn .text-container {
        grid-area: 4/9/4/span 5;
    }
    
    .preheadline-headline-img-text-btn > .default-btn {
        grid-area: 5/9/5/span 5;
    }
}

@media (max-width: 767.98px) {
    .preheadline-headline-img-text-btn .img-container {
        grid-area: 3/3/3/span 10;
        margin-bottom: 2em;
    }

    .preheadline-headline-img-text-btn .text-container {
        grid-area: 4/3/4/span 10;
    }

    .preheadline-headline-img-text-btn > .default-btn {
        grid-area: 5/3/5/span 10;
    }
}

@media (max-width: 575.98px) {
    .preheadline-headline-img-text-btn {
        overflow-x: clip;
    }

    .preheadline-headline-img-text-btn .img-container {
        grid-area: 3/2/3/span 12;
    }

    .preheadline-headline-img-text-btn .text-container {
        grid-area: 4/2/4/span 12;
    }

    .preheadline-headline-img-text-btn > .default-btn {
        grid-area: 5/2/5/span 12;
    }
}  