@media (max-width: 796px) {
    #partners {
        --size: 80px !important;
        --margin: 10px !important;
        margin-top: 12px !important;
    }
}


#partners {
    --slides: 1;
    --animation-speed: calc(var(--slides) * 2s);
    --size: 115px;
    --height: var(--size);
    --width: calc(var(--height) * 2.5);
    --margin: 28px;
    display: flex;
    overflow: hidden;
    height: calc(var(--height) * 1.2);
    margin: 48px auto 0;
    align-items: center;
    position: relative;
    animation: scroll var(--animation-speed) linear infinite;
    width: max-content;
}

#partners .partner-box {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--margin);
}

#partners .partner-box img {
    width: var(--width);
    height: var(--height);
    object-fit: contain;
    transition: transform 0.2s ease;
    filter: drop-shadow(1.5px 1.5px 1px #000) drop-shadow(1.5px 1.5px 10px #0005);
}

#partners .partner-box img:hover {
    transform: scale(1.1);
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-1 * calc(var(--width) + calc(2 * var(--margin))) * var(--slides)));
    }
}