.floating-cloud {
  display: inline-block;
  animation: floatingCloud 4.5s ease-in-out infinite;
  will-change: transform, filter;
}

@keyframes floatingCloud {
  0% {
    transform: translateY(0);
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.10));
  }
  50% {
    transform: translateY(-20px);
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.16));
  }
  100% {
    transform: translateY(0);
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.10));
  }
}