.b-hp-sponsors {
    white-space: nowrap
}

.b-hp-sponsors__marquee {
    position: relative;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5) 20%, rgba(0, 0, 0, .5) 90%, rgba(0, 0, 0, 0));
    overflow: hidden
}

.b-hp-sponsors__list {
    list-style-type: none;
    width: max-content
}

.b-hp-sponsors__item img {
    width: 100px;
    height: 30px;
    object-fit: contain
}

@keyframes marquee-animation {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}