Responsive content on slider as browser is re-sized

Hey there!

Any idea how to re-create a slider landing page like this one:

Where text and image resize responsively until the breakpoint. In addition to the text over the image staying in the same position as the browser width is adjusted. This is where I’m having problems.


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