.slideshow-container { position: relative; max-width: 900px; margin: auto; } .slideshow-container img { width: 100%; display: none; border-radius: 10px; } .slideshow-container img.active { display: block; } document.addEventListener("DOMContentLoaded", function() { const slides = document.querySelectorAll(".slideshow-container img"); let index = 0; if (slides.length > 0) { slides.classList.add("active"); setInterval(() => { slides.classList.remove("active"); index = (index + 1) % slides.length; slides.classList.add("active"); […]