Priority within intersection

Design help General
1

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?

image
image832×956 67 KB

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

2

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.

3

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

4

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.