.testimonial-container { width: 100%; max-width: 600px; margin: auto; position: relative; overflow: hidden; text-align: center; } .testimonial { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; background-color: white; padding: 30px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: opacity 1s ease-in-out; } .testimonial.active { opacity: 1; position: relative; }

Qué Dicen Nuestros Pacientes?

const testimonials = document.querySelectorAll('.testimonial'); let currentTestimonial = 0; function showNextTestimonial() { testimonials[currentTestimonial].classList.remove('active'); currentTestimonial = (currentTestimonial + 1) % testimonials.length; testimonials[currentTestimonial].classList.add('active'); } setInterval(showNextTestimonial, 4000);