How to make two sections on page overlap?

I have two sections on a landing page I want to overlap.
Tried it with negative margin - but the above section is overlapped by the below section - which is the opposite of what I want.
usually this kind of problem is solved by the z-index. so I changed the z value under “Transform” but that didn’t change anything.
Is there another way to achieve what I want?

Hi @still_peacock,
I think you should change the z-index under position section. It’s hidden by default and will show up when you click on the expand arrow.


Thanks for the answer @zonal_mammal :smile:

thanks :slightly_smiling_face:

another issue:

where could this thin line be coming from?

I create the rounded effect by having a white .svg at the top of the dark section.
but it has no border

must be a browser rendering issue.
solved it, by giving the section a -2px margin-top

@still_peacock Regarding the thin line, is your browser zoomed in or out at all?

the line was appearing on different zoom levels and alternating between 1-2 px depending on the zoom level.
What zoom-level made it (dis)appear was different depending on the browser.