Section Positioning Issues when using Z index

Hi guys,
I really need some fresh eyes to have a look at what I’ve done wrong in positioning my sections on the Home page of this project. As you will see, I have gaps between some of the sections with the background (on the ‘home-mainwrapper’ element) showing through that should not be there.

I have positioned all sections below my hero section to ‘relative’ and used a Z index to place them on the top layer above the fixed background video. (Also, I only wanted this background video visible in my hero section, but it seems to be visible the whole way down the ‘home-mainwrapper element’)

Thanks so much for taking a look!

Here is my site Read-Only:


delete the margin top (60 px). That’s the gap.
Bildschirmfoto 2023-06-23 um 22.19.28

That was it - thank you so much!

1 Like