* {
  margin: 0;
  padding: 0;
}

/* Ustawienia tła strony */
.background {
  width: 100%;
  height: 100vh;
  background-image: url('../media/images/background.png'); /* Twoje tło */
  background-size: cover;
    position: fixed;
  z-index: auto;
}

/* Stylizacja dymu */
.Smoke {
  width: 2560px; /* Dostosuj rozmiar dymu do potrzeb */
  height: 1080px; /* Dostosuj rozmiar dymu do potrzeb */
  background-image: url('../media/images/Smoke.png'); /* Twoja grafika dymu */
  background-size: cover;
  position: fixed;
  top: 00%; /* Ustawiamy na środku w pionie */
  left: 50%; /* Ustawiamy na środku w poziomie */
  transform: translate(-50%, -50%);
  z-index: auto;
  animation: SmokeAnimation 25s linear infinite; /* Czas trwania 6s, interpolacja liniowa, powtarzaj nieskończoność razy */
}

/* Animacja dymu */
@keyframes SmokeAnimation {
  0% {
    transform: translate(-50%) scaleX(1);

  }
  10% {
    transform: translateX(-50%) scaleX(1.1);

  }
  50% {
    transform: translateX(calc(-50%)) scaleX(1.5);

  }
  90% {
    transform: translateX(calc(-50%)) scaleX(1.1);

  }
  100% {
    transform: translateX(calc(-50%)) scaleX(1);

  }
}