'Lottie animation blurry on Chrome only

Screenshot comparing how a logo looks on three different browsers

A lottie animation I have produced looks very blurry in Chrome, but only on a non-retina screen. FF and Safari renders the logo well, but just Chrome renders it blurry.

I've searched and searched and added image-rendering: -webkit-optimize-contrast; and transform: translate3d(0px, 0px, 0px); and transform: unset !important; but none have solved the issue. I'm using elementor.

Any ideas?!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source