Logo pixelization

[HGPower]

Hello. This is what my logo (correctly) looks like in the Chrome Browser:

This is what it looks like in FireFox:

I have this in CSS:
x-brand {
image-rendering: -moz-crisp-edges; /* Firefox /
image-rendering: -o-crisp-edges; / Opera /
image-rendering: -webkit-optimize-contrast; / Webkit (non-standard naming) /
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; / IE (non-standard property) */
}

Please tell me how to fix this. Thank you.

[mldarshana]

Hi There,

Thanks for writing in! What’s the current resolution of your logo? Try removing all of your custom CSS rules, purge server cache, clear browser cache and test your issue again.

If that doesn’t resolve your issue, provide is with the URL to your site so that we can look into your issue and assist you further.

Thanks!

[HGPower]

Thank you.

[friech]

We are delighted to assist you with this.

Cheers!