/* Minimal additions: all existing Grid layers and transforms are retained. */
.content {
  inline-size: 100%;
  block-size: 100vh;
  block-size: 100dvh;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  position: relative;
}
.gallery { grid-area: 1 / 1 / -1 / -1; position: relative; inline-size: 12000px; min-inline-size: 0; z-index: 5; }
.bg-background { z-index: 0; }
.bg-middle-cloud-back { z-index: 1; pointer-events: none; }
.bg-middleground { z-index: 2; pointer-events: none; }
.bg-middle-cloud-front { z-index: 3; pointer-events: none; }
.bg-foreground { z-index: 6; pointer-events: none; }