.jwa-image-slider {
    overflow-x: hidden;
    position: relative;
}

.jwa-marquee {
    overflow: hidden;
    white-space: nowrap;
}

.jwa-marquee__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 1.5rem;
    animation: marquee var(--marquee-duration, 20s) linear infinite;
}

.jwa-image-slider__item {
    flex: none;
    display: flex;
    align-items: flex-end;
    height: var(--item-height, 300px);
    margin: 0;
}

.jwa-image-slider__img {
    height: 100%;
    width: auto;
    object-fit: contain;
    object-position: bottom;
    display: block;
    max-height: 600px;
}

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

    to {
        transform: translateX(var(--marquee-width, -1000px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .jwa-marquee__track {
        animation: none;
    }
}