/* Rimuovi eventuali animazioni precedenti */
.floating-continuous {
  animation: none !important;
}

/* Applica nuova animazione lenta */
.floating-continuous {
  animation: myFloating 8s ease-in-out infinite !important;
  will-change: transform;
}

@keyframes myFloating {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}



.matrix-section {
  position: relative;
  background-color: #000;
  overflow: hidden;
  min-height: 600px;
}

.matrix-section canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.matrix-section > *:not(canvas) {
  position: relative;
  z-index: 2;
}