How to make multiple parts of an SVG animate at the same time?

Question

SVG

Good day to all!
After a long search, I decided to ask the guru for advice on how to implement the following animation, when hovering over svg - all three parts of the image spin endlessly around their axis? and accordingly, the animation stops if you remove the cursor from the element? I suffered for a long time, something like this happened:
codepen.io/EvgenyKabakov/pen/rxRYxe