How could I create a note type like this?

Card Design
1

image
image877×723 30.4 KB

So, I got some complex needs. For context, the Chinese characters are gifs. How could I:

  1. Make the gifs animate when hovered over.
  2. Make a text-to-speech pronunciation play when the gifs are hovered over
  3. Make a tool-tip appear when the gifs are hovered over (like in the red box)
  4. Make the decomposition of the character be shown below when clicked on.