Add mobile Gyroscope control to parallax animation in my website

Hi,

I have a parallax animation applied to the logo on my website, in which a user moves their mouse left, right top, bottom, then parts of the logo move in the opposite direction to mimic a parallax animation. On mobile, there isn't a mouse pointer, so the animation doesn't work on most mobile devices. In this case, maybe users may need to move their phones around or reorient their phones to animate the logo. The best option is to allow my website to interact with the user phone's Gyroscope sensor with the help of JavaScript.

A turnaround today or tomorrow morning would be great. I look forward to your submissions.