.rw-logos {

    overflow: hidden;

    -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
            mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.rw-logos__track {
    display: flex;
    align-items: center;

    width: max-content;

    margin: 0;
    padding: 0;
    list-style: none;

    animation: rw-logo-scroll var(--rw-logo-speed) linear infinite;
}

.rw-logos__item {

    margin-right: var(--rw-logo-gap);

    flex: 0 0 auto;
}

.rw-logos__img {
    display: block;
    height: var(--rw-logo-height);

    width: auto;
    object-fit: contain;
}

@keyframes rw-logo-scroll {

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

@media (prefers-reduced-motion: reduce) {
    .rw-logos {
        overflow-x: auto;
        -webkit-mask-image: none;
                mask-image: none;
    }

    .rw-logos__track {
        animation: none;
    }
}