Priority within intersection

[ChSh (Alex)]

Hi there,

I have two divs with their content intersecting each other in small scales. Image is always “higher” than the text, so when image and text intersect, image is visible and text is not in the intersection zone, and I want to do the opposite: to make text visible above an image. How could I implement it?

---

Here is my site Read-Only: https://preview.webflow.com/preview/coach-shevchenko-v-1?utm_medium=preview_link&utm_source=designer&utm_content=coach-shevchenko-v-1&preview=dab898580501d7cc383b82bf99a7730b&workflow=preview

[abirana (Abi Rana | Creative Web Developer)]

Shouldn’t your layout should be vertically stacked for small screens?

But if you still need that, you can apply negative z-index on the image’s parent DIV.

[ChSh (Alex)]

That works. Firstly I had to change position to relative, and then it works. Thank you!