Creé un componente de testimonio usando HTML, CSS, and Javascript pero la lógica no funciona según mis expectativas.

Lo que esperaba que hiciera mi código:

1. Es recorrer todos los elementos testimoniales y cambiar el elemento testimonial activo cada 2 segundos.
2. Si hago clic en los botones de puntos, el carrusel de testimonios debería comenzar el intervalo de bucle desde allí.

Lo que realmente está sucediendo: funciona bien para la primera condición, pero veo que hay un retraso en el intervalo de bucle. Y a veces omite por completo algunos elementos cuando trato de cambiar los elementos de testimonio usando botones de puntos.

Aquí está el enlace al código del proyecto - codepen

Espero recibir su sugerencia/solución al respecto.

Saludos,

Nitesh