.rotating {
  /* will-change: transform; */
  animation: rotating 100s linear infinite;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.floating {
  --float-di: -20px;
  /* will-change: transform; */
  animation: floating 6s ease-in-out infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(var(--float-di));
  }
  100% {
    transform: translateY(0px);
  }
}