title: Background image does not render within div element
body: <p>I cannot seem to get this background image to render within my Angular component.</p>
  <p>html</p>
  <pre><code> &lt;div class=&quot;bkg&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>scss</p>
  <pre><code>.bkg {
    width: 100%;
    height: 100%;
    background-image: url(&quot;../../../assets/welcome-pic.png&quot;);
    background-size: 100% 100%;
    background-position: top center;
   }
  </code></pre>
  <p>I can see it in chrome dev tools. There is nothing wrong with the path, it loads fine. It just does not display in the UI.</p>
  <p>Any ideas what could be wrong here?</p>