As a bit of an aside and not to spam the forum with a new thread!
I have a similar bit of HTML which has an full-bleed inline image in done column (div) and vertically/horizontally centred text in the other column. The markup looks like this:
Title etc etc
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
The layout works pretty well but I noticed when I reduce the width of my screen, if the content in the right column becomes larger the full-bleed image has gaps around it. Is there a way to make sure the image always fills the space while keeping the aspect ratio? So maybe it just crops?
EDIT No idea why my code is formating this way, all seems ok?!