.pixel-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}

.pixel-trail {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
  contain: paint;
}

.pixel-trail .pixel-canvas {
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

html.has-open-panel .pixel-trail {
  filter: brightness(0.55);
}

html.has-ripple-bg .page-1__image {
  visibility: hidden;
}

html.is-mobile.is-portrait .pixel-trail,
html.is-tablet.is-portrait .pixel-trail,
html.is-mobile-landscape .pixel-trail {
  display: none !important;
}

html.is-mobile.is-portrait.has-ripple-bg .page-1__image,
html.is-tablet.is-portrait.has-ripple-bg .page-1__image,
html.is-mobile-landscape.has-ripple-bg .page-1__image {
  visibility: visible;
}