He estado tratando de crear un carrusel horizontal que tenga varias palabras desplazándose de un extremo a otro de la pantalla en un bucle. Lo que he intentado es diluir la frase en dos divs diferentes, para evitar la brecha en la animación (de lo contrario, la frase casi desaparece antes de comenzar desde el principio y se ve horrible). El problema de esta estrategia, a pesar de que he intentado retrasar la 2ª animación la mitad de tiempo que la primera (para que no se superpongan), veo que dependiendo del dispositivo, el texto se superpone.

En pocas palabras, ¿cómo podría crear un carrusel de texto adecuado (incluso si es con JS) como el que probé, asegurándome de que los textos no se superpongan? https://tucuerpofit.com/testcarousel/