.fly-habitat {
  position: relative;
  overflow: clip;
}

.living-fly {
  --fly-size: 40px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  width: var(--fly-size);
  height: var(--fly-size);
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transform-origin: 50% 55%;
  filter: drop-shadow(0 4px 3px rgba(12, 29, 22, .2));
  will-change: transform, opacity, filter;
}

.living-fly.is-visible { opacity: .88; }
.living-fly.is-flying { filter: drop-shadow(0 6px 4px rgba(12, 29, 22, .16)) blur(.18px); }
.living-fly.is-landed { filter: drop-shadow(0 2px 2px rgba(12, 29, 22, .22)); }

.inside-brain .living-fly {
  filter: drop-shadow(0 0 10px rgba(87, 226, 174, .3));
}

@media (max-width: 760px) {
  .living-fly { --fly-size: 30px !important; opacity: .72; }
  .living-fly[data-fly-index="2"] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .living-fly { display: none !important; }
}