From d7c8f87b64cefe568ef4729986944215e788bbbc Mon Sep 17 00:00:00 2001 From: Kirik Date: Wed, 12 Nov 2025 20:22:24 +0100 Subject: [PATCH] Use mobile4.webp for mobile devices background - Converted mobile4.jpeg to mobile4.webp (1.4 MB, 2224x6140) - Better aspect ratio and composition for mobile screens - Desktop continues to use desktop.webp (716 KB, 2732x1535) --- static/css/adaptive-background.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/css/adaptive-background.css b/static/css/adaptive-background.css index d04dd71..25b8339 100644 --- a/static/css/adaptive-background.css +++ b/static/css/adaptive-background.css @@ -1,11 +1,11 @@ /* Adaptive Background Images for Mobile and Desktop */ -/* Mobile devices (max-width: 736px) - Use mobile2.webp */ +/* Mobile devices (max-width: 736px) - Use mobile4.webp */ @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/mobile2.webp') !important; + url('../../images/mobile4.webp') !important; background-size: cover; background-position: center; background-attachment: fixed;