.grid-pulse {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none; /* clicks/hover pass straight through to your content */

  /* Fades the effect out toward the bottom of its container, so whatever
     sits below the hero doesn't feel cut off. Delete this rule (or set it
     to `none`) if you want the glow to run edge to edge instead. */
  -webkit-mask-image: linear-gradient(to bottom, #000 92%, transparent);
  mask-image: linear-gradient(to bottom, #000 92%, transparent);
}

.grid-pulse__canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}