I was working with an agency on a website build that included what the designer called a "drop image" section or component. Basically, the text sits on the left and an image to the right. No big deal but in this case, the image also drops below the height of the parent section and overlaps the content block/section below it. It took a little bit of trial and error but the result was exactly what the designer was after. So I thought I’d share how I did it.

If you're a CSS pro/veteran/expert, skip this video. 😉

CSS: Vertically Break an Image Out of its Parent Container