.about-intro .headline {
    grid-area: 2/3/2/span 4;
    z-index: 1;
    margin-top: max(64px, 5.46875vw);
}

.about-intro .text-container {
    grid-area: 3/3/span 3/span 4;
}

.about-intro .img-left {
    grid-area: 1/8/span 4/span 3;
    aspect-ratio: 560/842;
    clip-path: polygon( 0% 3.716%,0% 3.716%,0.082% 3.083%,0.319% 2.488%,0.696% 1.94%,1.199% 1.447%,1.812% 1.019%,2.521% 0.663%,3.311% 0.389%,4.168% 0.206%,5.076% 0.122%,6.022% 0.146%,95.307% 7.642%,95.307% 7.642%,96.09% 7.747%,96.825% 7.925%,97.503% 8.169%,98.117% 8.473%,98.659% 8.831%,99.12% 9.236%,99.493% 9.683%,99.769% 10.165%,99.941% 10.677%,100% 11.212%,100% 96.43%,100% 96.43%,99.918% 97.063%,99.681% 97.658%,99.304% 98.206%,98.801% 98.699%,98.188% 99.127%,97.479% 99.482%,96.689% 99.756%,95.832% 99.94%,94.924% 100.024%,93.978% 100%,4.693% 92.504%,4.693% 92.504%,3.91% 92.398%,3.175% 92.221%,2.497% 91.977%,1.883% 91.673%,1.341% 91.315%,0.88% 90.91%,0.507% 90.463%,0.231% 89.98%,0.059% 89.469%,0% 88.934%,0% 3.716% ); 
}

.about-intro .img-right {
    grid-area: 2/11/span 2/span 3;
    aspect-ratio: 560/590;
    clip-path: polygon( 0% 16.027%,0% 16.027%,0.059% 15.263%,0.231% 14.531%,0.507% 13.842%,0.88% 13.203%,1.341% 12.623%,1.883% 12.112%,2.497% 11.678%,3.175% 11.329%,3.91% 11.075%,4.693% 10.923%,93.978% 0.208%,93.978% 0.208%,94.924% 0.174%,95.832% 0.295%,96.689% 0.557%,97.479% 0.948%,98.188% 1.456%,98.801% 2.068%,99.304% 2.773%,99.681% 3.556%,99.918% 4.407%,100% 5.312%,100% 84.181%,100% 84.181%,99.941% 84.946%,99.769% 85.677%,99.493% 86.367%,99.12% 87.006%,98.659% 87.585%,98.117% 88.096%,97.503% 88.531%,96.825% 88.879%,96.09% 89.134%,95.307% 89.285%,6.022% 100%,6.022% 100%,5.076% 100.034%,4.168% 99.914%,3.311% 99.652%,2.521% 99.26%,1.812% 98.752%,1.199% 98.14%,0.696% 97.436%,0.319% 96.652%,0.082% 95.801%,0% 94.896%,0% 16.027% ); 
}

.about-intro .btns-container {
    grid-area: 4/11/4/span 3;
}

@media (max-width: 1499.98px) {
    .about-intro .headline {
        grid-area: 2/2/2/span 5;
    }

    .about-intro .text-container {
        grid-area: 3/2/span 3/span 5;
    }
}

@media (max-width: 1199.98px) {
    .about-intro .headline {
        grid-area: 1/4/1/span 8;
        max-width: 24ch;
        margin-bottom: var(--m-sm);
    }

    .about-intro .img-left {
        grid-area: 2/4/span 3/span 4;
    }

    .about-intro .img-right {
        grid-area: 3/8/3/span 4;
    }

    .about-intro .text-container {
        grid-area: 5/4/5/span 8;
        margin-top: var(--m-sm);
    }

    .about-intro .btns-container {
        grid-area: 6/4/6/span 8;
        justify-self: flex-end;
    }
}

@media (max-width: 991.98px) {
    .about-intro .headline {
        grid-area: 1/3/1/span 10;
    }
    .about-intro .img-left {
        grid-area: 2/3/span 3/span 5;
    }

    .about-intro .img-right {
        grid-area: 3/8/3/span 5;
    }

    .about-intro .text-container {
        grid-area: 5/3/5/span 10;
    }

    .about-intro .btns-container {
        grid-area: 6/3/6/span 10;
    }
}

@media (max-width: 767.98px) {
    .about-intro .headline {
        grid-area: 1/2/1/span 12;
    }

    .about-intro .img-left {
        grid-area: 2/2/2/span 6;
    }

    .about-intro .img-right {
        grid-area: 2/8/2/span 6;
    }

    .about-intro .text-container {
        grid-area: 3/2/3/span 12;
    }

    .about-intro .btns-container {
        grid-area: 4/2/4/span 12;
    }
}