Problem with hero image - positioning behind header

Hi, ya'll o/

So, I have this image and it's suppose to be kinda of out of screen and behind the landing page header. I have tried put position/z-index on the image and header put couldn't make it. When I try to put a z-index on the header, the maximum I got is the .header__cta above it, but the white header still behind u.u
Can someone help me ? 🙂
codepen -> https://codepen.io/rwxganta/pen/oNJmzZK
landingPage-heroProblem.png
landingPage-hero.png
Was this page helpful?