.text-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.text-slider {
    display: flex;
    transition: transform 1s ease;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.slide:not(.active) {
    display: none;
}

@keyframes slide-animation {
    0%, 33.33% { transform: translateX(0%); }
    33.33%, 66.66% { transform: translateX(-100%); }
    66.66%, 100% { transform: translateX(-200%); }
}

.text-slider {
    animation: slide-animation 9s infinite;
}
