title: Background-image vs background
body: <p>Im facing a weird problem which probably has a simple solution that i am completely blind to.</p>
  <p>I want to change the background: to a background-image: but it does not seem to display the image if i do that. The code below displays no image</p>
  <pre><code>#background {
  background-image: transparent url('src/assets/images/splash.jpg') 0% 0% no-repeat padding-box;
  background-size: contain;
   opacity: 1;
  </code></pre>
  <p>}</p>
  <p>meanwhile the text below displays the image.</p>
  <pre><code>#background {
  background: transparent url('src/assets/images/splash.jpg') 0% 0% no-repeat padding-box;
  background-size: contain;
  opacity: 1;
  </code></pre>
  <p>What am i missing here...?</p>
  <p>I would like to change it to background-image in order to simply add a gradient toning to the background</p>