:root{
    --brand-calc-width: 160px;
    --brand-calc-height: calc(var(--brand-calc-width) / 2);
}
.brands_container{
    overflow: hidden;
    display: flex;
    mask: linear-gradient(90deg, transparent 5%, #F5F7FC 30%, #F5F7FC 70%, transparent 95%);
}

.brands_swiper{
    display: flex;
    gap: 12px;
    align-items: center;
    will-change: transform;
    animation: scrolling 32s linear infinite;
}

.brands_card{
    max-width: 160px;
}

.brands_card .brands_card_image{
    padding: 1.25rem 1.75rem;
    width: var(--brand-calc-width);
    height: var(--brand-calc-height);
}

@keyframes scrolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
}

@media screen and (max-width: 1350px) {
.brands_container{
    mask: unset;
}
}