Responsive image sticking out on the right

Het guys, im trying to make an image stick out on the right side of the hero section for a cool 3d effect. The only thing is, i dont know how to make the thing responsive. When the screen is getting smaller, the image overlaps the h1 and i want the image to sort of have a margin so when the screen gets smaller, the image also adjustes and does not overlap the heading.

Here under is the link to the project.

Thanks in advance!

https://preview.webflow.com/preview/own-site-268bdc?utm_medium=preview_link&utm_source=designer&utm_content=own-site-268bdc&preview=0d8282f851fde3866e7b1327b529f4af&workflow=preview