Ouija planchette on screen + cursor

i wish i could have this working on my profile!! its just a Ouija board on ur screen and when your cursor hovers over it it changes into a Ouija planchette but something on my page is messing it up as it works when i test it. but here it is if anyone can figure it out or wants to use it!!

heres the code:

<style>

body * {

  cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1147.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1147.gif), auto !important;

}

#special-cursor-img {

  cursor: url(https://i.imgur.com/49EXkNY.png), auto !important;

}

</style>

<div style="position: fixed; top: 10px; right: 10px; z-index: 9999;">

  <img id="special-cursor-img" src="https://miro.medium.com/v2/resize:fit:620/1*wKMOwtcj2ZhAo_05JX2aSQ.png" 

       style="width: 330px; height: 230px;">

</div>

test here: Spacehey CSS preview thingy (neocities.org)