let slideIndex = 0;
const slides = document.getElementById('slide-container');
const totalSlides = slides.children.length;

function showSlides() {
    slideIndex++;
    if (slideIndex >= totalSlides) {
        slideIndex = 0;
    }
    slides.style.transform = 'translateX(' + (-slideIndex * 100) + '%)';
    setTimeout(showSlides, 5000); // Change image every 5 seconds
}

showSlides();