/* Fullscreen overlay for the floating logos */
#logo-swarm {
  position: fixed;
  inset: 0;
  z-index: 999;          /* Set high for testing; lower later if needed */
  pointer-events: none;  /* Never block clicks */
  overflow: hidden;
}

/* Individual "jellyfish" logos */
.logo-jelly {
  position: absolute;
  width: 80px;
  opacity: 0.6;
  filter: blur(0.3px);   /* slight softness */
  transform-origin: center center;
  will-change: transform;
}

@media (max-width: 768px) {
  .logo-jelly {
    width: 50px;
    opacity: 0.4;
  }
}