.slider-container {
    width: auto; /* Parent container'ın (grup) genişliğine uyar */
    overflow: hidden;
}

.slider-track {
    display: flex;
    width: max-content; /* İçerik genişliğini dinamik tutar */
    animation: scroll 35s linear infinite;
}

.slider-wrapper {
    display: flex;
    flex: 0 0 100%; /* Her slider öğesi parent container'a uyacak */
}

.slider-item {
    flex: 1; /* Her slider item eşit genişlikte */
}

@keyframes scroll {
    0% { transform: translateX(0); }
    90% { transform: translateX(-300%); } /* %90'ına kadar normal kayar */
    100% { transform: translateX(0); } /* %100'de başa döner */
}

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