@keyframes smoke {
  0% {
    opacity: 0.2;
    transform: translateY(0) scale(1);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-20px) scale(1.05);
  }
  100% {
    opacity: 0.2;
    transform: translateY(-40px) scale(1.1);
  }
}

.smoke-effect {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  animation: smoke 4s infinite ease-in-out;
  transform: translate(-50%, -50%);
  z-index: 0;
  opacity: 0.4;
  pointer-events: none;
}