I’m trying to set-up z-index values to stack my elements but strangely the 2 elements inside the position: fixed parent does not listen to z-index values at all.

I want .square div to be always on top, so visually it seems like the next section with its own .square is sliding up and the .square stops exactly in the position of previous section’s square.