.about-screen { position: relative; isolation: isolate; }
.about-screen .about-layout { position: relative; z-index: 1; }

.about-galaxy {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  opacity: .28;
  filter: blur(.8px);
  mix-blend-mode: screen;
}
.about-galaxy canvas { display: block; width: 100%; height: 100%; }

/* Fourth screen uses the same animated galaxy atmosphere as the About screen. */
.video-showcase-screen .video-galaxy {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  opacity: .28;
  filter: blur(.8px);
  mix-blend-mode: screen;
}
.video-showcase-screen .video-galaxy canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Fifth screen continues the same responsive galaxy canvas as screen four. */
.workflow-screen .workflow-galaxy {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  opacity: .28;
  filter: blur(.8px);
  mix-blend-mode: screen;
}
.workflow-screen .workflow-galaxy canvas {
  display: block;
  width: 100%;
  height: 100%;
}