Angled edge website

I need some help with the diagonal split hero. I want to create a diagonal line like this:

However, the picture will not fill out to the right. I want the picture to fill the entire right side of the screen with the diagonal line splitting image and a heading/hero text. I used this guide:
The reason i chose this method is that the old structure caused some problems when stretching or shrinking the screen: the heading and text did not respond in the same way and were often on top of the picture

Here is my site Read-Only: Webflow - Benefix