Use alternative background sizes

1 files changed, 19 insertions, 2 deletions

diff --git a/stylesheets/index.css b/stylesheets/index.css
index 58ce4c7..c556b27 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -1,6 +1,23 @@
 body {
-    background: no-repeat center/cover url('backgroundflip.jpg');
-    background-position: 70% 30%;
+    background: no-repeat 70% 30%/cover black url('/images/index/bg1k.jpg');
+}
+
+@media (min-width: 1024px), (min-height: 600px) {
+    body {
+        background-image: url('/images/index/bg2k.jpg');
+    }
+}
+
+@media (min-width: 2048), (min-height: 1300px) {
+    body {
+        background-image: url('/images/index/bg4k.jpg');
+    }
+}
+
+@media (min-width: 4096px), (min-height: 2700px) {
+    body {
+        background-image: url('/images/index/bgmax.jpg');
+    }
 }
 
 main {