Recommendation: Use CSS instead of a GIF for the fire animation on the grift counter

[mingfengwan]

The current fire GIF appears low-resolution, pixelated, and lacks scalability. There are many pure CSS fire animation solutions available, which would offer better performance and scalability.

[molly]

The pixelation is a stylistic choice. What are the scalability issues you're seeing?

[mingfengwan]

The pixelation is a stylistic choice. What are the scalability issues you're seeing?

I prefer the text and flame to be scaled dynamically with the screen size instead of being fixed in pixels. On larger screens, the grift counter is hardly noticeable.

[Orangestar12]

The most performant solution would be a CSS-based background-image of the sprite animation of the fire using a shifting Y axis. Pure CSS element-based renderers are heavy on mobile devices and Chrome is notoriously bad at rendering many gifs or a single large one.