.preheadline-headline-imgs .img-1 {
    grid-area: 1/4/span 3/span 3;
    aspect-ratio: 558/624;
    z-index: 1;
}

.preheadline-headline-imgs .img-2 {
    grid-area: 2/3/span 3/span 3;
    aspect-ratio: 558/420;
}

.preheadline-headline-imgs .pre-headline {
    grid-area: 1/8/1/span 5;
}

.preheadline-headline-imgs .headline {
    grid-area: 2/8/2/span 5;
    margin-top: 1em;
}

@media (max-width: 991.98px) {
    .preheadline-headline-imgs .img-1 {
        grid-area: 1/3/span 3/span 4;
    }

    .preheadline-headline-imgs .img-2 {
        grid-area: 2/2/span 3/span 4;
    }

    .preheadline-headline-imgs .pre-headline {
        grid-area: 1/8/1/span 6;
        margin-top: var(--m-lg);
    }

    .preheadline-headline-imgs .headline {
        grid-area: 2/8/2/span 6;
    }
}

@media (max-width: 767.98px) {
    .preheadline-headline-imgs .pre-headline {
        grid-area: 1/3/1/span 10;
        margin-top: 0;
    }

    .preheadline-headline-imgs .headline {
        grid-area: 2/3/2/span 10;
        margin-bottom: var(--m-md);
    }

    .preheadline-headline-imgs .img-1 {
        grid-area: 3/7/3/span 6;
        margin-bottom: var(--m-lg);
    }

    .preheadline-headline-imgs .img-2 {
        grid-area: 3/3/3/span 6;
        align-self: flex-end;
    }
}

@media (max-width: 575.98px) {
    .preheadline-headline-imgs .pre-headline {
        grid-area: 1/2/1/span 12;
    }
    
    .preheadline-headline-imgs .headline {
        grid-area: 2/2/2/span 12;
    }

    .preheadline-headline-imgs .img-1 {
        grid-area: 3/6/3/span 8;
    }

    .preheadline-headline-imgs .img-2 {
        grid-area: 3/2/3/span 8;
    }
}