Hola, tengo un HTML con varios HTML y solo un par de etiquetas de intervalo que quiero desvanecer.

He seleccionado todos los tramos:

 const spans = document.querySelectorAll("span"); const animation = function () { for (let span of spans) span.classList.toggle("fade"); }; setInterval(animation, 2400);

Ahora solo quiero apuntar a estos 2 tramos dentro de div

 <div class="animated"> Hey, I'm<br> <span class="color-primary mt-5 fade" id="animated-name" style="margin-top: 20px;" > Name Name </span> <span class="color-primary mt-5" id="animated-text" style="margin-top: 20px;" > Text Text <br> Text & Text </span> </div>

Mi pregunta es cómo apuntar solo a estas 2 etiquetas de intervalo para alternar el desvanecimiento.