diff --git a/src/assets/images/background-mobile.png b/src/assets/images/background-mobile.png
new file mode 100644
index 0000000..d9db44a
Binary files /dev/null and b/src/assets/images/background-mobile.png differ
diff --git a/src/assets/images/optimized/background-mobile.avif b/src/assets/images/optimized/background-mobile.avif
new file mode 100644
index 0000000..91310df
Binary files /dev/null and b/src/assets/images/optimized/background-mobile.avif differ
diff --git a/src/assets/images/optimized/background-mobile.webp b/src/assets/images/optimized/background-mobile.webp
new file mode 100644
index 0000000..5f5f0cd
Binary files /dev/null and b/src/assets/images/optimized/background-mobile.webp differ
diff --git a/src/index.sass b/src/index.sass
index 46459c5..4fbf6c4 100644
--- a/src/index.sass
+++ b/src/index.sass
@@ -17,6 +17,12 @@
   background-attachment: fixed
   background-size: cover
 
+  @media only screen and (max-width: views.$mobile)
+    background-image: url('/src/assets/images/optimized/background-mobile.avif'), url('/src/assets/images/optimized/background-mobile.webp')
+    min-width: 100vw
+    min-height: 100vh
+    object-fit: fill
+
 .close-text
   padding: 3rem 0 0 0
   font-size: 0.75rem