Creating 2 column full width hero for a non-profit?

I am trying to design a site like this image:

The page I am building is for a non-profit fundraiser ->

You can see that I have been unable to create this design properly, and as of now my two square assets are not responding when I narrow the width of my browser.

Thank you!

Maybe try uploading it as a full background file (1 rectangle) instead of the image+square.