Use mobile2.webp for mobile devices background

- Converted mobile2.jpg to mobile2.webp (517 KB, 1106x3070)
- Perfect aspect ratio for mobile screens
- Desktop continues to use desktop.webp (716 KB, 2732x1535)
This commit is contained in:
Kirik
2025-11-12 20:16:16 +01:00
parent 86c69883b8
commit d76fa752cb
2 changed files with 2 additions and 2 deletions
+2 -2
View File
@@ -1,11 +1,11 @@
/* Adaptive Background Images for Mobile and Desktop */ /* Adaptive Background Images for Mobile and Desktop */
/* Mobile devices (max-width: 736px) - Use desktop.webp */ /* Mobile devices (max-width: 736px) - Use mobile2.webp */
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
#wrapper > .bg { #wrapper > .bg {
background-image: url('../../images/overlay.png'), background-image: url('../../images/overlay.png'),
linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
url('../../images/desktop.webp') !important; url('../../images/mobile2.webp') !important;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-attachment: fixed; background-attachment: fixed;
Binary file not shown.

After

Width:  |  Height:  |  Size: 517 KiB