.djallo-slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.djallo-slider-track {
    display: flex;
    width: max-content;
    animation: scrollSlider 30s linear infinite;
}

.djallo-slider-wrapper:hover .djallo-slider-track {
    animation-play-state: paused;
}

.djallo-slide {
    flex: 0 0 auto;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.djallo-slide img {
    height: 200px;
    width: auto;
    display: block;
}

.djallo-slide:hover {
    filter: grayscale(0%);
}

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