/* Füst réteg létrehozása */
@keyframes smoke {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0.3; /* Erősebb kezdeti átlátszóság */
  }
  50% {
    transform: translateY(-150px) scale(1.8);
    opacity: 0.7; /* Nagyobb opacitás a középső szakaszban */
  }
  100% {
    transform: translateY(-300px) scale(2.5);
    opacity: 0; /* Fokozatos eltűnés */
  }
}

.smoke {
  position: absolute;
  width: 150px; /* Nagyobb füstfelhők */
  height: 150px;
  background: rgba(180, 180, 180, 0.15); /* Intenzívebb szín */
  border-radius: 50%;
  box-shadow: 0 0 50px 20px rgba(180, 180, 180, 0.3); /* Erősebb árnyékhatás */
  animation: smoke 7s ease-in-out infinite;
  filter: blur(6px); /* Csökkentett homályosítás */
}

.container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #000; /* Sötét háttér */
}

.smoke:nth-child(1) {
  left: 10%;
  animation-duration: 7s;
}

.smoke:nth-child(2) {
  left: 30%;
  animation-duration: 10s;
}

.smoke:nth-child(3) {
  left: 50%;
  animation-duration: 8s;
}

.smoke:nth-child(4) {
  left: 70%;
  animation-duration: 9s;
}

.smoke:nth-child(5) {
  left: 90%;
  animation-duration: 12s;
}