#section5 {
    position: relative;
    overflow: hidden; /* rijeci unutar viewporta */
}

.floating-words {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0; /* iza svega */
}

.floating-word {
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  animation-fill-mode: forwards;
}

@keyframes floatFade {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.3;
  }
  100% {
    transform: translate(var(--x), var(--y));
    opacity: 0;
  }
}

#section3 .parent {
    position: relative;
    z-index: 1;
}