title: Setting background image from own domain shows nothing - external domain works
body: <p>This is super, duper weird from my perspective.</p>
  
  <p>I'm setting up a website where I have a banner. I set the background image using the <code>background-image</code> property. </p>
  
  <p>My challenge is: when I have two images with same dimensions, it doesn't work when I load using own domain, but works on external domain.</p>
  
  <p><strong>MY CHALLENGE:</strong></p>
  
  <p>I have this banner on my page:</p>
  
  <p><a href="https://i.stack.imgur.com/0Qqo9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0Qqo9.png" alt="enter image description here"></a></p>
  
  <p>Background is set like this:</p>
  
  <p><a href="https://i.stack.imgur.com/AkMK5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AkMK5.png" alt="enter image description here"></a> </p>
  
  <p>Now this is kinda weird, since the image actually works on this URL and instead I get a black background (no image):</p>
  
  <p><a href="https://i.stack.imgur.com/68x21.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/68x21.jpg" alt="enter image description here"></a></p>
  
  <p>If I use a different image from a third party URL that has exactly same dimensions:</p>
  
  <p><a href="https://i.stack.imgur.com/H9zJr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H9zJr.png" alt="enter image description here"></a></p>
  
  <p>And I replace this in the CSS:</p>
  
  <p><a href="https://i.stack.imgur.com/dPrty.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dPrty.png" alt="enter image description here"></a></p>
  
  <p>Then everything is fine and the background works!</p>
  
  <p>So my question is:
  What on earth is going on? I obviously assume I've went crazy and need to go home and sleep since there must be something super obvious going on, but I need your help to tell me what's wrong with me.</p>