.sponsors-slider .headline {
    grid-area: 1/3/span 2/span 5;
}

.sponsors-slider .pre-headline {
    grid-area: 1/9/1/span 3;
}

.sponsors-slider .text-container {
    grid-area: 2/9/2/span 3;
}

.sponsors-slider .btns-container {
    grid-area: 3/9/3/span 3;
}

.sponsors-slider .sponsors-slider-container {
    --gap: max(14px, 1.5625vw);
    --duration: 50s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    grid-area: 4/1/4/span 14;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    width: 100%;
    overflow: hidden;
}

.sponsors-slider .sponsors-slider-container .marquee-group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

.sponsors-slider .sponsors-slider-container .icon-container {
    width: max(72px, 7.8125vw);
    aspect-ratio: 1/1;
    flex: 0 0 auto;
    background: var(--black);
    color: var(--white);
    border-radius: max(12px, 0.78125vw);
    display: grid;
    place-items: center;
}

.sponsors-slider .sponsors-slider-container .icon-container .icon {
    display: block;
    width: 80%;
    aspect-ratio: 160/50;
    mask: var(--sponsor-icon) center/contain no-repeat;
    -webkit-mask: var(--sponsor-icon) center/contain no-repeat;
    background: currentColor;
}
  
.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var 60s linear infinite;
}
  
@keyframes scroll-x {
    from {
        transform: translateX(var(0));
    }
    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}
  
/* Element styles */
.marquee svg {
    display: grid;
    place-items: center;
    width: var(--size);
    fill: var(--color-text);
    background: var(--color-bg-accent);
    aspect-ratio: 16/9;
    padding: calc(var(--size) / 10);
    border-radius: 0.5rem;
}

/* Parent wrapper */
.wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
    max-width: 100vw;
}

@keyframes fade {
    to {
    opacity: 0;
    visibility: hidden;
    }
}

@media (max-width: 1199.98px) {
    .sponsors-slider .headline {
        grid-area: 1/2/span 2/span 5;
    }
    
    .sponsors-slider .pre-headline {
        grid-area: 1/8/1/span 5;
    }
    
    .sponsors-slider .text-container {
        grid-area: 2/8/2/span 5;
    }
    
    .sponsors-slider .btns-container {
        grid-area: 3/8/3/span 5;
    }
}

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

    .sponsors-slider .pre-headline {
        grid-area: 2/3/2/span 10;
        margin-top: var(--m-small);
    }

    .sponsors-slider .text-container {
        grid-area: 3/3/3/span 10;
    }

    .sponsors-slider .btns-container {
        grid-area: 4/3/4/span 10;
        margin-top: var(--m-small);
        justify-content: flex-end;
    }

    .sponsors-slider .sponsors-slider-container {
        grid-area: 5/1/5/span 14;
    }
    
    .sponsors-slider .sponsors-slider-container {
        --duration: 30s;
    }
}

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

    .sponsors-slider .text-container {
        grid-area: 3/2/3/span 12;
    }

    .sponsors-slider .btns-container {
        grid-area: 4/2/4/span 12;
        margin-top: var(--m-small);
    }
}