.brands-carousel{
    margin: var(--section-spacing) 0;
}

.brands-swiper.animated{
    animation-name: fadeIn;
}

.brands-carousel .swiper-wrapper{
    align-items: center;
}

.brands-carousel .swiper-slide{
    padding: 1rem;
    text-align: center;
}

.brands-carousel .swiper-slide a{
    display: block;
}

.brands-carousel .swiper-slide img{
    width: 100%;
    max-width: 24rem;
    max-height: 12rem;
    object-fit: contain;
    object-position: center;
}