How to stop a background gif on hover and when the mouse isn't moving and resume the gif when its moving and on hover in JavaScript?

Question

I am trying to stop the background gif when I am on another window because it uses up resources, is there a way to stop this when the body doesn\'t detect any mouse movement or