.levitate {
  display: inline-block;
  animation: levitate 2s ease-in-out infinite alternate; 
  will-change: transform;
}

@keyframes levitate {
  from {
    transform: translateY(-15px); /* wyżej */
  }
  to {
    transform: translateY(10px);  /* niżej */
  }
}

@media (prefers-reduced-motion: reduce) {
  .levitate {
    animation: none;
  }
}


.fade-energy {
  animation: fadePop 5s ease-in-out infinite; /* cały cykl 5 sekund */
  opacity: 0;
  transform: scale(0.8);
}

@keyframes fadePop {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  60% {
    opacity: 1;       /* zostaje widoczny przez dłuższy czas */
    transform: scale(1);
  }
  80% {
    opacity: 0.5;
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}