/* Apply to a dedicated image wrapper. Keep the site's existing mask on this wrapper. */
.mp-particle-host {
  isolation: isolate;
}
.mp-particle-host > .mp-particle-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
/* Resting images stay in the DOM: no missing image on WebGL or shader failure. */
.mp-particle-host > img { display: block; }
