Want to hide custom cursor when page is loading

Hello community experts, I need a help. I have made a custom cursor with Cursor wrapper and curstor dot in it. But from page loading to finish the cursor dot just sitting in the middle of the screen, anyway to hide it in page load?

I have tried to put a hide/show in page load but it is not helping me and one more thing to add that I have one mouse move animation also.


Here is my site Read-Only:

https://preview.webflow.com/preview/orfox-test?utm_medium=preview_link&utm_source=designer&utm_content=orfox-test&preview=c926af295028a0f477a73e527159d835&workflow=preview