My sticky and transparant header is overlapping content. (https://www.roekconsultancy.nl) Mobile is fine. You can see that about 20% of the header is overlapping the hero image:
However if I resize the browser window (large->small->large) all is fine:
That is untill I start scrolling or browsing within the website. Then the header will be overlappling the content again. All pages within the website share the same layout and experience the same issue. It is driving me crazy since I solved all other newby challenges. I would be so happy if you could help me to fix this remaining issue.