'Stop overlapping elements from pushing text down

I'm trying to build a section with text overlapping an image using relative positioning. However the text within the text container is forcing below the image instead of overlapping it. I've tried z-index, float, replacing image with div box, but nothing seems to get the text to clear the image (the text wrapper overlaps fine). Anyone have any idea how to get the text elements to overlap the image as well instead of breaking around it?

https://mjedev.wpengine.com/capabilities/engineering-services/ user: demo pw: cead2f68da79

css-positionoverlapping


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions

Center aligning a fixed position div

Page elements not hovering correctly, no consistency across browsers

Why <TextInput> cannot be focused when inside an absolute positioned parent container <View> in React Native?

why does display:table break absolute position on safari only?

CSS: text hidden with text-overflow:ellipses still exists

CSS z-index not working with child-elements

How to position a callout/speech bubble box inline

How to keep content in a container, but extend it's background full width in CSS?

How to make scrollable pop up box?

Why scrollbar is behind sticky elements in iOS Safari?

How can I put text over a fixed image in html and make the text scrollable?

Why can't an element with a z-index value cover its child?

issue with text characters wrapping around underlying image instead of overlapping

Search bar won't stay at top with CSS position: sticky property