diff --git a/assets/images/mountains.png b/assets/images/mountains.png
new file mode 100644
index 0000000..0dda3b2
Binary files /dev/null and b/assets/images/mountains.png differ
diff --git a/assets/images/mountains2.png b/assets/images/mountains2.png
new file mode 100644
index 0000000..21f9486
Binary files /dev/null and b/assets/images/mountains2.png differ
diff --git a/style.css b/style.css
index 43b5068..a48ce62 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,6 @@
 *,*::after, *::before {margin: 0; padding: 0; box-sizing: border-box;}
 html {font-size: 20px;}
-body {background: #fff; background-image: url("assets/images/bedge-grunge.png"); border: 1rem solid #fff; border-top: 0; border-bottom: 0; min-height: 100vh; font-size: 0.85rem; font-family: 'Spectral'; line-height: 1.5; letter-spacing: -0.02em; overflow: auto;}
+body {background: #fff; background: url('assets/images/mountains.png') calc(50% - 30rem) calc(100% - 3rem) / 40rem auto no-repeat, url('assets/images/mountains2.png') calc(50% + 32rem) bottom / 50rem auto no-repeat, url("assets/images/bedge-grunge.png"); background-blend-mode: multiply; border: 1rem solid #fff; border-top: 0; border-bottom: 0; min-height: 100vh; font-size: 0.85rem; font-family: 'Spectral'; line-height: 1.5; letter-spacing: -0.02em; overflow: auto;}
 body, a {color: #3a3731; text-decoration: none;}
 img {max-width: 100%;}
 h1,h2,h3 {line-height: 1.1; margin-bottom: 0.75em; font-size: 1.6rem;}
@@ -36,9 +36,15 @@ div.examples > div a:first-child {display: block; margin-bottom: 0.2rem;}
 div.examples > div a:first-child img {max-width: 10rem; display: block; border: 1px solid #3a3731;}
 div.examples > div a:first-child:hover img {transform: scale(1.05);}
 
+@media only screen and (max-width: 75rem) { 
+    body {background: #fff url("assets/images/bedge-grunge.png");}
+}
 @media only screen and (max-width: 25rem) { 
     body {border-width: 0.5rem;}
     section {min-height: calc(100vh - 0.5rem); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 13.5rem;}
     main::after, main::before {height: 0.5rem;}
     footer {padding-bottom: 2rem;}
+}
+@media only screen and (min-width: 125rem) { 
+    body {background: url('assets/images/mountains.png') left calc(100% - 3rem) / 40rem auto no-repeat, url('assets/images/mountains2.png') calc(100% + 7rem) bottom / 50rem auto no-repeat, url("assets/images/bedge-grunge.png");}
 }
\ No newline at end of file