Box overlay image

Hi all,

           I need help on making this happen. I am trying to design my homepage. I want an image on the right which is overlayed by a coloured box with text on the left which spread totally to the left side. I tried using the image blocks but it doesn't seem to work to my liking plus when I tried to spread the colured box to the left It extends the page making it moveable left to right which I dont want. 

Someone please help me out here. I am really lost. Thank you in advance 🙂

I added a photoshop edited version on how I want it to look like. Please help. Thank you again