.about-intro .headline {
    grid-area: 1/3/1/span 5;
}

.about-intro .pre-headline {
    grid-area: 2/3/2/span 5;
}

.about-intro .text-container {
    grid-area: 3/3/3/span 5;
    margin-bottom: max(168px, var(--m-large));
}

.about-intro .img-container {
    grid-area: 1/9/span 5/span 6;
}

.about-intro .spinner-container {
    grid-area: 3/8/span 2/span 2;
    justify-self: center;
}

@media (max-width: 575.98px) {
    .about-intro {
        margin-bottom: var(--m-small);
    }

    .about-intro .headline {
        grid-area: 1/2/1/span 12;
    }
    
    .about-intro .pre-headline {
        grid-area: 2/2/2/span 12;
        margin-top: var(--m-small);
    }
    
    .about-intro .text-container {
        grid-area: 3/2/3/span 12;
        margin-bottom: var(--m-small);
    }
    
    .about-intro .img-container {
        grid-area: 4/5/4/span 10;
        aspect-ratio: 2/3;
    }
    
    .about-intro .spinner-container {
        grid-area: 4/3/4/span 4;
        margin-top: var(--m-small);
    }
}