change the mobile background switch

- changes at 2x instead of >1x
- remove image completely instead of using normal blending

style.css

@@ -1,23 +1,31 @@
 @import url(fonts/muller/muller.css);
 
-@media (max-resolution: 1x) {
-  body {
-    background-blend-mode: overlay;
-  }
-}
-
 body {
-  background:
-    url(niss_uwu_bg.png) top center fixed,
+  --gradient:
     linear-gradient(to bottom,
         hsl(42deg,  92%,  70%),
         hsl(348deg, 92%,  70%),
         hsl(334deg, 100%, 80%),
         hsl(234deg, 100%, 76%),
         hsl(195deg, 100%, 67%)
-      )
-      fixed;
+      );
+}
 
+body {
+  background:
+    url(niss_uwu_bg.png) top center fixed,
+    var(--gradient) fixed;
+  background-blend-mode: overlay;
+}
+
+@media (min-resolution: 2x) {
+  body {
+    background: var(--gradient) fixed;
+    background-blend-mode: initial;
+  }
+}
+
+body {
   font-family: 'Muller';
   font-size: 1.75rem;
   font-weight: 500;