For a special user flair, I'm trying to make a flair, in this case this face, turn into this (early mockup) on hover.

I have both the face and the spritesheet for the backdrop already made (well, making some improvements, but still), but figuring out how to code it is killing me.

If it's not possible to make the animated part of the flair pop up as a separate piece of the flair, I can always make the animation in a single spritesheet of the backdrop popping up and starting its animation, but if that's the case is it possible to key it so the animation plays straight through the first time, then only loops frames X through Z subsequent loops?

If it helps (for sharing code to test), the tentative filenames for the face and spritesheet are %jeets% and %yjs% respectively.