Header-text Erratic Vertical Position

My website is live now here: https://tanglefootcloggers.co.uk/

However I’m not happy with what I’m calling the top banner area. The large cyan-with-blue-shadow text looks fine on my PC (full screen) and iPhone. However, on a 12" tablet the text has spilled over onto the body below.

Is there a proportional way of controlling the vertical position of this text and the size of the image it is positioned over, as the screen size varies?

Hi @ececconi
I thought you already fix it already, but it’s not…

Let’s discuss to fix your issue in the old thread here https://forums.athemes.com/t/header-text-much-smaller-on-phone-than-on-pc