diff --git a/style/base.css b/style/base.css
index 4897175..1f9416d 100644
--- a/style/base.css
+++ b/style/base.css
@@ -59,12 +59,14 @@ actually exists
     }
 
     --shadow-hsl: 330deg 40% 40%;
-    --base-background: var(--gradient) fixed;
+    --base-background: url(../media/church.png), var(--gradient) fixed;
     background: var(--base-background);
 
     font-family: Muller, sans-serif;
     font-weight: 500;
+
     @media (prefers-reduced-data: reduce) {
+      --base-background: var(--gradient) fixed;
       font-family: sans-serif;
       font-weight: normal;
     }
diff --git a/style/properties.css b/style/properties.css
index 0a3c261..a3fefe4 100644
--- a/style/properties.css
+++ b/style/properties.css
@@ -1,3 +1,9 @@
+@property --base-background {
+  syntax: "*";
+  inherits: false;
+  initial-value: transparent;
+}
+
 /* face backgrounds */
 
 @property --hue {