/* Define the keyframes for the rotation animation */
@keyframes spin {
  from {
    /* Only animate the rotation here */
    transform: rotate(0deg) scale(2); 
  }
  to {
    /* Only animate the rotation here */
    transform: rotate(360deg) scale(2);
  }
}

/* Apply the animation and transition on hover */
img:hover {
  /* This animation only handles the rotation */
  animation: spin 0.00001s linear infinite;
  box-shadow: 0px 0px 50px white;
}

img {
  width: 200px;
  height:200px;
  /* This transition applies to both the rotation and scale */
  transition: transform 0.7s;
  /* Set the initial state for the transition */
  transform: scale(1); 
  border-radius:50px;
}

body {
  background: linear-gradient(lightblue, darkblue);
}
body:hover {
  transition:all 0.7s;
}