Rotated background

Hi all,

I want to build something similar as the following site header:

I’ve made an attempt here:
https://preview.webflow.com/preview/groen-aan-zee-af90c8?utm_medium=preview_link&utm_source=designer&utm_content=groen-aan-zee-af90c8&preview=14f9ca476b9688c6e3d9301b449fa68a&mode=preview

Could you guys give some tips on better positioning what I’ve created?
I’ve already looked at the following example:
https://preview.webflow.com/preview/slantedsections?utm_medium=preview_link&utm_source=showcase&utm_content=slantedsections&preview=a093e8b7d04ea64b2b2f18d0b497189a

Next to that I want to display the background image and the rotated background under each other when on mobile. Same as payconiq.nl

I’m not succeeding in making it better.

PS colors and logo’s aren’t OK yet :wink:

Thanks a lot!