Issue with scaling

I’m having a simple issue where scaling my website to a certain size means that the text starts to disappear/becomes scaled improperly to the top of the page. I like the text and the button on the home page are fixed until it gets down to a certain size, but how can I make some sort of threshold to make it eventually scale down with the top? Basically, I need a min distance to the top of the image to where it begins to move down as the website gets smaller.

Here is my website:
https://preview.webflow.com/preview/jacks-fantabulous-site-d1e37a?utm_medium=preview_link&utm_source=dashboard&utm_content=jacks-fantabulous-site-d1e37a&preview=92fb6bd52b768ada5026f782d9a2ad56&workflow=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)