title: Image Pixelated When Box Shadow Applied in Firefox Only
body: <p>So I have this very weird issue I have found. When I apply a box shadow to an image in Firefox, it turns pixelated. When viewed in Chrome, however, the issue is not present. Is this a known issue? My Google results have not yielded anything.</p>
  
  <p><img src="https://i.stack.imgur.com/x0rku.jpg" alt="enter image description here">
  <a href="https://i.stack.imgur.com/x0rku.jpg" rel="nofollow noreferrer">http://i.stack.imgur.com/x0rku.jpg</a></p>
  
  <p><img src="https://i.stack.imgur.com/Atfu9.jpg" alt="enter image description here">
  <a href="https://i.stack.imgur.com/Atfu9.jpg" rel="nofollow noreferrer">http://i.stack.imgur.com/Atfu9.jpg</a></p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>-webkit-box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
  </code></pre>