Glory

This is my demo version. Currently I use svg but need 2 svg to change path. So is there a way to use 1 svg and still do the same thing? Thanks for your help <p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="ExmbKmP" data-user="rk856321" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"> <span>See the Pen <a href="https://codepen.io/rk856321/pen/ExmbKmP"> </a> by GióLangThang (<a href="https://codepen.io/rk856321">@rk856321</a>) on <a href="https://codepen.io">CodePen</a>.</span> </p> <script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

Hi, I tried to convert svg text, but the result is not so good. I try to change width of svg text (it's like this web https://markus.se/), but I don't understand well how it works, need multiple same svg text with different width or just 1 svg text to do away ? Thank you for your help