title: Image difference in Firefox and Chrome
body: <p>I have a significant difference in a logo image i have when it is displayed in Chrome compared to Firefox (I did my testserver on Firefox and then live in Chrome)</p>
  
  <p>Here are the 2 differences:
  Firefox 
  <a href="https://i.stack.imgur.com/B660D.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B660D.png" alt="enter image description here"></a></p>
  
  <p>Chrome 
  <a href="https://i.stack.imgur.com/vobHn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vobHn.png" alt="enter image description here"></a></p>
  
  <p>It should be appearing as it does in Firefox. I switched the logo and added in image characteristics to make it fit rather than editing the CSS file.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;a class="navbar-brand" href="index.html"&gt;&lt;img src="img/logo09.png" width="250%" height="250%" alt="logo"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Is there a quick fix to this? Thanks in advance for any help :)</p>