.eyecatcher .box {
    grid-area: 1/3/1/span 10;
    padding: max(32px, 1.5625vw) 0;
    box-shadow: none;
}

.eyecatcher .box .headline {
    grid-area: 1/2/1/span 4;
}

.eyecatcher .box .img-container {
    grid-area: 1/7/1/7;
    border-radius: 100%;
    max-width: max(64px, 4.609375vw);
    aspect-ratio: 1/1;
}

.eyecatcher .box .img-container img {
    border-radius: 100%;
}

.eyecatcher .box .btns-container {
    grid-area: 1/8/1/span 3
}

@media (max-width: 1499.98px) {
    .eyecatcher .box {
        grid-area: 1/2/1/span 12;
    }

    .eyecatcher .box .btns-container {
        grid-area: 1/9/1/span 3;
        justify-self: flex-end;
    }

    .eyecatcher .box .img-container {
        grid-area: 1/7/1/span 2;
    }
}

@media (max-width: 1199.98px) {
    .eyecatcher .box .img-container {
        grid-area: 1/6/1/span 2;
    }

    .eyecatcher .box .btns-container {
        grid-area: 1/8/1/span 4;
    }
}


@media (max-width: 991.98px) {
    .eyecatcher .box {
        display: flex;
        flex-direction: column;
        gap: var(--m-sm);
        width: fit-content;
        padding: max(32px, 1.5625vw) max(12px, 1.5625vw);
        justify-self: center;
    }

    .eyecatcher .box .headline {
        text-align: center;
        max-width: 24ch;
    }

    .eyecatcher .box .img-container {
        max-width: max(128px, 4.609375vw);
    }

    .eyecatcher .box .btns-container {
        justify-self: center;
    }
}