The element in question is this whale:
The idea here is that I want the whale to disappear behind the next section as I scroll down. That’s why I made it “fixed”. Although when I get to another image in the next section the whale is on top of the image.
Is there a way to set the z-index of the whale (and the image) so that it goes behind the image lower in the page?