image qui tourne

<div style="position: absolute; top: 400px; margin-left: -110px;">

<p>&nbsp; <span style="font-size: 18pt;"><span style="color: #000000;">passez dessus pour me faire tourner </span></span>&nbsp;...</p>

<p class="image"><img src="https://ekladata.com/cLJRNfW05byQyUJ82I07qCnU8Jc@333x301.jpg" alt=" souvenirs de ma ch&egrave;re Dani&egrave;le  " /></p>

<style><!--

.image{ width: 550px; height: 550px; margin:auto;} 

.image img{width: 290px; height: 280px; transition: all 0.5s ease;}

.image:hover img{width: 200px; height: 200px; border-radius: 50%; border:3px solid grey; box-shadow:4px 4px 6px black; transform: translate(0px,50px) rotate(360deg); background:url('https://ekladata.com/G_std2CdZVrQJZVayo5S-uhjCjo/anime-270.gif');}

--></style>

</div>

<p>&nbsp;</p>

<p>&nbsp;</p>