Textpath and text animation issue

I am creating alerts to broadcast via streamelements. I have my code in HTML, CSS and JS where the text follows a text path (I want the text to follow an L shape) and I want to apply a wobble effect to each letter individually. If you place the text without the svg, the animation works fine, but if you put the text inside the textpath, it stays static. Are they incompatible?

Thank you very much in advance!

PSA: I have the red line on to visualize the path

I put a wobble animation on a path, but I had static text

<div class="text-container">
<div class="image-container">
    <video src="https://cdn.streamelements.com/uploads/ee1cb915-a950-4733-aca9-101f5fa53e75.webm" autoplay muted playsinline></video>
</div>
<div>
    <div class="awsme-text-container" style="position: relative; top: 458px;">
        <svg width="100%" height="900" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 900">
            <defs>
                <path id="text-path" d="M130,100 Q-70,200 -70,350 L-70,650 Q-70,750 130,750 L650,750 Q730,750 730,650 L730,350 Q730,200 650,100 Z" fill="transparent" stroke="blue" stroke-width="4"/>
            </defs>
            <text font-size="85" font-family="'Caprasimo', sans-serif" text-anchor="end" dy="20" fill="black" letter-spacing="7">
                <textPath href="#text-path" startOffset="35%">
                    <tspan id="username-container">Texto en curva</tspan>
                </textPath>
            </text>
            <path d="M130,100 Q-70,200 -70,350 L-70,650 Q-70,780 130,750 L650,750 Q730,750 730,650 L730,350 Q730,200 650,100 Z" fill="transparent" stroke="red" stroke-width="2"/>
        </svg>
    </div>
    <p>{{message}}</p>
</div>