Page elements floating up the page on top of other elements

Question

I am making a full width hero image that will appear below and behind my semi transparent header navigation. I was able to get the hero image to go behind the navigation bar