From 3d3408321ba04ea2f8a8e64158fce2258612120a Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Sun, 7 Jan 2024 23:06:37 +1000
Subject: [PATCH] add background styling for mobile users

---
 sass/screen.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/sass/screen.scss b/sass/screen.scss
index 2068698..496f786 100644
--- a/sass/screen.scss
+++ b/sass/screen.scss
@@ -9,9 +9,17 @@
 
     background: black url(/sunset.gif) no-repeat;
     background-size: cover;
-    background-position: bottom;
+    background-position-y: bottom;
+    background-position-x: center;
     filter: brightness(0.25);
     box-shadow: inset 0 0 512px 128px black;
+    transition: 250ms ease;
+
+    @media (max-width:667px) {
+        filter: brightness(0.5);
+        box-shadow: inset 0 0 128px 32px black;
+        background-position-x: 14.5%;
+    }
 }
 
 .content {