.partners {
    margin-top: 82px;
    margin-bottom: 79px;
    user-select: none;
    position: relative;
}

.partners:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 254px;
    height: 521px;
    background: rgba(70, 80, 242, 0.58);
    filter: blur(200px);
}

.partners__cards {
    width: 100%;
    padding-left: 20px;
    overflow: hidden;
}

.partners__cards-track {
    display: flex;
    column-gap: 39px;
    width: calc(268px * 20);
    /* 20 = elements in partners__cards-track * 2 */
    /* 268px = width elements + column-gap */
    animation: scrollCards 60s linear infinite;
}

.partners__card,
.partners__card img {
    width: 230px;
    height: 86px;
}

@keyframes scrollCards {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-2680px);
        /* -2680px = width elements + column-gap * elements in partners__cards-track */
    }
}

@media (max-width: 820px) {
    .partners:before {
        position: static;
    }
}

@media (max-width: 600px) {
    .partners__card,
    .partners__card img {
        width: 173px;
        height: 64px;
    }

    .partners__cards-track {
        column-gap: 30px;
        width: calc(203px * 20);
        /* 20 = elements in partners__cards-track * 2 */
        /* 203px = width elements + column-gap */
        animation: scrollCards 60s linear infinite;
    }

    @keyframes scrollCards {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-2030px);
            /* -2030px = width elements + column-gap * elements in partners__cards-track */
        }
    }
}

@media (max-width: 500px) {
    .partners {
        margin-top: 62px;
        margin-bottom: 31px;
    }
}