Overlapping Boxes with max-width for copy

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.


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

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).

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.