Multiple custom cursors

Hello everyone,

I would like to change the cursor of my website like this :
The "default" cursor is blue. The "pointer" and "wait" cursors are black.
I tried to find a solution online but I'm really bad at coding and couldn't figure out a way to make this work, I could only manage to have a blue "default", and the hand for "pointer"...

Here's the code I'm using:

body {
  cursor: url('MY BLUE CURSOR.png'), default;
    cursor: url('MY BLACK CURSOR.png'), pointer, wait;
}

here's my website

Thanks for your time & thank you for helping 🙂

xx

t