.deal .spinner {
    grid-area: 1/2/1/span 2;
    justify-self: center;
    margin-top: var(--m-sm);
}

.deal .img-container {
    grid-area: 1/3/1/span 4;
    min-height: max(256px, 22.65625vw);
}

.deal .content-container {
    grid-area: 1/7/1/span 8;
    margin-left: calc(var(--gap) * -1);
    padding: var(--m-sm) 0;
    grid-template-rows: repeat(4, auto) 1fr;
}

.deal .content-container .pre-headline,
.deal .content-container .headline,
.deal .content-container .text-container,
.deal .content-container .btns-container {
    grid-column: 2/span 4;
}

@media (max-width: 991.98px) {
    .deal .img-container {
        grid-area: 1/4/1/span 8;
    }

    .deal .content-container {
        grid-area: 2/4/2/span 8;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        padding: var(--m-sm);
    }

    .deal .spinner {
        grid-area: 1/3/1/span 2;
    }
}

@media (max-width: 767.98px) {
    .deal .img-container {
        grid-area: 1/3/1/span 10;
    }

    .deal .content-container {
        grid-area: 2/3/2/span 10;
    }

    .deal .spinner {
        grid-area: 1/1/1/span 4;
    }
}

@media (max-width: 575.98px) {
    .deal .img-container {
        grid-area: 1/1/1/span 14;
    }

    .deal .spinner {
        grid-area: 1/2/1/span 12;
        justify-self: flex-end;
    }

    .deal .content-container {
        grid-area: 2/1/2/span 14;
    }
}