title: Wordpress blurry images in chrome
body: <p>I've been trying many stackoverflow answers that i found on this one, and no luck so far.</p>
  <p>So basically the first picture is taken from Firefox and the second one from Chrome</p>
  <p>[First Image]  [1]: <a href="https://i.stack.imgur.com/y4DSa.png" rel="nofollow noreferrer">https://i.stack.imgur.com/y4DSa.png</a></p>
  <p>[Second Image] [2]: <a href="https://i.stack.imgur.com/e4OHe.png" rel="nofollow noreferrer">https://i.stack.imgur.com/e4OHe.png</a></p>
  <p>I've used the following css to try remedy the issue but no luck with that either</p>
  <pre><code>@media screen and (-webkit-min-device-pixel-ratio:0) {
      img {
      image-rendering: -webkit-optimize-contrast;
  }
      }
  </code></pre>
  <p>The problem with the images not showing properly clear still persists, any ideas?</p>