.cross-page-bg {
  position: fixed;
  inset: 0;
  z-index: -5;
  pointer-events: none;
  overflow: hidden;
}
.cross-page-bg::before {
  content: "";
  position: absolute;
  inset: -8%;
  background-image: var(--page-bg-image, none);
  background-size: cover;
  background-position: var(--page-bg-x, 50%) var(--page-bg-y, 50%);
  opacity: var(--page-bg-opacity, 0);
  filter: blur(var(--page-bg-blur, 0px));
  transform: scale(var(--page-bg-zoom, 1));
}
.cross-page-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,var(--page-bg-darken, 0));
}