Is there any way to make this animation's height as tall as my text?

Question

I have a title in my page which the animation that slides out is only 1/2 of the height of the text, but in half-screen (phone or on split screen), it covers the entire text, this is because my title font-size is based on vw. Is there any way that the animation's height is always as tall as the text, not the entire element? Here is the website -->https://proking73.github.io/P.W.I.L-with_Sis/, and you could check the source code or inspect the page. My goal is that the animation covers the entire text.

Answer 1

Nevermind, the answer was to just make the height the same as my font size height.