title: How can I make div to overlay background image?
body: <p>I'm trying to integrate a sticky navbar in to my website. However when I make the position of my navbar <code>fixed</code>, the background image overlays it. How can I fix that? I want my navbar to overlay everything which could be in its way.</p>
  
  <pre><code>.fixed {
    position: fixed;
    top: 0;
  }
  </code></pre>
  
  <p>Here`s a link to my pen: <a href="https://codepen.io/XpellCZ/pen/BRRzPW" rel="nofollow noreferrer">https://codepen.io/XpellCZ/pen/BRRzPW</a></p>
  
  <p>Thanks for any tips.</p>