Interesting issue with svg load on hover in Firefox

[jacksongoode]

I've had this weird, weird bug and I thought I'd bring it up as I can't find any details about it anywhere else.

I've forked your repo and made some simplifications/style edits. But perhaps somewhere along the way, I made a change I shouldn't have (?). I'm currently experiencing an odd bug where the cover of the base64 encoded cover art will only load when the mouse hovers over it.

When this happens it appears instantly, suggesting this isn't an issue with the resource being loaded on the page but something about how the svg is rendered on the page. I only experience this issue with Firefox and I can't always reproduce it. My gut tells me it might be something to do with the Vercel instance going dormant when it's not been activated in a while and so the svg isn't loaded at once with the cover image?

Here is a short little screen recording so you can get the idea.

https://user-images.githubusercontent.com/54308792/176356532-829e91b8-eae4-40b2-9d90-3164e7ce2adb.mov