title: 50% background-image + 50% background-color in one?
body: <p>Is it possible with CSS to apply a background-color and a background-image in one div at the same time?
  I want it like this. Half image, half color. Ignore the blur effect, I don't need that:
  <img src="https://i.stack.imgur.com/qA4Cg.png" alt="I want it like this. Half image, half color. Ignore the blur effect, I don&#39;t need that."></p>
  
  <p>The reason why I want this is because I have to apply an adjustment-layer on it all the time to get this effect.</p>