आवेदन बहु एनिमेशन में एक घटक का उपयोग कर Framer गति वेरिएंट

मैं नया हूँ द्वारा Framer गति, मैं क्या करने की कोशिश कर रहा है, नकल पहिया गति से चलती छवि, जबकि यह घूर्णन कर रहा है
मैं नहीं जानता कि कैसे यह काम करने के लिए
मैंने कोशिश की है कुछ इस तरह, लेकिन यह काम नहीं करता है

    const imageRuning :Variants = {
                                   hidden:{
                                          x:"-100vw",
                                          opacity:0
                                         },
                                  visible:{
                                          x:0,
                                          opacity:1,
                                          transitionDuration:"3s"

                                           },
                                   rotation:{
                                            rotate:[180,0],
                                            transition:{
                                                  repeat:Infinity,
                                                  type:"tween",
                                                  ease:"linear"
                                                  }
                                             }
                                       }
  
            const  HomePage =()=> {

                   return (

                        <div className={style.animationContainer}>
                             <motion.img 
                                  className={style.animatedImage}
                                  variants={imageRuning}
                                  initial="hidden"
                                  animate={["visible","rotation"]}
                                  width={100} height={100} src="/static/me.jpg" >
                             </motion.img>
                        </div>
              )

किसी भी मदद कृपया ,