Hero Image Background with text

I’m having trouble figuring out how to lay this out where I have this illustration partially behind the text like in the example. So I always want the text to stay over the left side of the illustration so that it’s readable. I’ll also need it to be responsive so the illustration would move below on smaller resolutions.

Any ideas?


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

Best way to do this is apply the image as a background to the section and then wrap your heading in a div and set the width to something like 30% so it stays on the left. You may need to mess with positioning a bit for mobile. I also suggest checking out the university page if you are new to webflow https://university.webflow.com