.image-slider {
    overflow: hidden;
    width: 100%;
}

.slider-tracker {
    display: flex;
    gap: 30px; /* Add more gap between the items */
    width: 100%;
    animation: scrollLeft 10s linear infinite; 
}

.slider-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 250px;
    flex-shrink: 0;
}

.slider-item img {
    width: 200%; 
}

.slider-item h3 {
    text-align: center;
}


/* Keyframes to slide the images */
@keyframes scrollLeft {
    0% {
        transform: translateX(100%); /* Start from right (100%) */
    }
    100% {
        transform: translateX(-100%); /* Move to left (-100%) */
    }
}