From 28f262d16333191935bbcec392c586ff2cf7bec5 Mon Sep 17 00:00:00 2001 From: Kirik Date: Wed, 12 Nov 2025 20:14:03 +0100 Subject: [PATCH] Use mobile2.jpg for mobile devices background - Mobile devices now use mobile2.jpg (1106x3070, 1.6 MB) - Desktop continues to use desktop.webp - Better composition for mobile screen aspect ratio --- static/css/adaptive-background.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/static/css/adaptive-background.css b/static/css/adaptive-background.css index a7fc29f..3f234e0 100644 --- a/static/css/adaptive-background.css +++ b/static/css/adaptive-background.css @@ -1,12 +1,12 @@ /* Adaptive Background Images for Mobile and Desktop */ -/* Mobile devices (max-width: 736px) - Use desktop.webp (same as desktop for consistency) */ +/* Mobile devices (max-width: 736px) - Use mobile2.jpg */ @media screen and (max-width: 736px) { #wrapper > .bg { background-image: url('../../images/overlay.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), - url('../../images/desktop.webp') !important; - background-size: 800%; + url('../../images/mobile2.jpg') !important; + background-size: cover; background-position: center; background-attachment: fixed; }