From 4b730727569cffbfa4bcfe3cd996c56d615ad96d Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 7 Feb 2021 21:08:11 +0100
Subject: Use alternative background sizes

---
 stylesheets/index.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

(limited to 'stylesheets/index.css')

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 {
-- 
cgit v1.2.3