title: Why background image do not load?
body: <p><a href="https://i.stack.imgur.com/FUsVJ.png" rel="nofollow noreferrer">image1</a></p>
  
  <p>My background image don't load! Can anyone tell what's happening? Is it because of gatsby? Should I use gatsby-image instead? </p>
  
  <pre><code>    background-image: url('/src/components/images/header.png');
      background-size: cover;
      background-position: center;
      width: 100%;
    }
  
  &lt;div id="page"&gt;
       &lt;div className='header'&gt;
          &lt;h1&gt;Header&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;h1&gt;About&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;h1&gt;Projects&lt;/h1&gt;
        &lt;/div&gt;  
       &lt;/div&gt;
  </code></pre>