CSS aimed at increasing font size changes size of text box but not text size

Hey there,

URL: social-eclipse.com

I am trying to increase the size of an h1 text so that it is more legible, however when I insert the following CSS, the result I get is that the size of the text box changes and hence the text moves downwards rather than size of the font changing:

#block-yui_3_17_2_1_1696230990285_3371{
  font-size: 125px
}

Mind you, the same CSS does have the desired effect on all other texts on my website.

I attached a before and after screenshot in case my explanation wasn't clear enough.

Thanks for the feedback!

If your text is H1, use this code

#block-yui_3_17_2_1_1696230990285_3371 h1{
  font-size: 125px !important
}

It solved the font size issue so thanks for that! However, now I can't manipulate it by dragging the text box (e.g.: Linebreak by decreasing the length of the text box - and this makes it look awful on mobile). Any recommendation for this? Thank you!!

Did you solve? It looks fine to me, no text overflow screen