SVG handwriting animation not working. Where is the mistake?

Question

Animation

Hello! I don’t understand where I made a mistake and why in this code my svg animation made through adobe illustrator using the guide: https://medium.com/@KanishkSrivastava/hand-writing...
does not want to work without my original logo.
As soon as I remove something from the P tag, the animation starts to change the font size or disappear altogether. I don’t understand where such a dependence on what I have written in the P tag comes from. Please help.
https://codepen.io/antonnesterenko010/pen/WNeBVoj

Answer 1

Explicitly set the size (width, height) of the svg element in CSS. The problem stems from the fact that browsers can size an svg element differently when it's in a flex container.