Use ordinary scrolling backgrounds on mobile

2026-09-07 18:58:57 +02:00
parent 164476a5b3
commit 4c71cc873f
4 changed files with 18 additions and 12 deletions
@@ -308,20 +308,18 @@ address {
    --unit: 1px;
  }

-  body::before {
-    position: absolute;
-    block-size: 100%;
-    background-image: url("./background-mobile.webp");
-    background-size: cover;
+  body {
+    isolation: auto;
+    background-image: url("./construction-tape.svg"), url("./background-mobile.webp");
+    background-position: center top;
+    background-size: 1200px 254px, cover;
+    background-repeat: no-repeat;
  }

+  /* Mobile decoration is a normal background, with no layers in the touch path. */
+  body::before,
  body::after {
-    position: absolute;
-    z-index: -1;
-    inset: 0 0 auto;
-    block-size: 254px;
-    background: url("./construction-tape.svg") center top / 1200px 254px no-repeat;
-    content: "";
+    content: none;
  }

  .page {