.floating-effect {
  animation: floatingSoft 8s ease-in-out infinite;
  will-change: transform;
}

@keyframes floatingSoft {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-12px);
  }
  60% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}