Break a fixed-percentage-width-image out of a container and keep text aligned to left of that container

[mdominguez]

Hi Rachel,

What I would like to achieve is to have a fixed-percentage/vw-width-image pop-out of a max-width'ed container when keeping the textblock aligned to the left of the max-widht'ed container.

What I need to accomplish:

I've made a simpler version in a pen: view pen So I need the green text to be aligned to the left of the purple text BUT on the condition that the gray image always stays 40% or 40vw of the viewport width.

Thanks in advance!

[mdominguez]

I think I've found a solution, maybe you can check and point out if I could do anything in a more efficient or simpler way? Maybe a way without the need to use position: absolute on the image block? Thanks!

new pen