Creating a responsive asymmetrical hero layout


I’m having a hard time setting up this layout on my site.

This is what I’m trying to achieve:

But this is how it’s looking right now in Webflow:

I’m having a hard time positioning the image on the right so that it doesn’t overlap with the text and stays in the middle of the hero section. I’m also struggling to centre the text on the left vertically.

Please let me know if you have any suggestions for how I can achieve this! Thanks.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)](Webflow - Lotus's test Site)

Hi Émilie! I took a look at your project and it looks like you might have had it figured out? Do you still need help?