Overlapping Boxes with max-width for copy

Design help General
1

So I have an image and box with text that I want to overlap slightly. The problem is I can’t figure out how to get them to overlap and align the content properly. Below is the example.

I’ve gotten it to partly work but it doesn’t work well as a responsive object.

Capture.PNG
Capture.PNG1920×705 106 KB

Thanks

Here is my site Read-Only: [LINK][1]

2

I was able to resolve the issue by setting the image as a background (absolute) and setup a series of divs like this div @ 100% > Div @1400 MaxW > Div 60% (relative).