diff --git a/layouts/partials/preload-images.html b/layouts/partials/preload-images.html
index e50fb86..0764736 100644
--- a/layouts/partials/preload-images.html
+++ b/layouts/partials/preload-images.html
@@ -4,9 +4,6 @@
 {{- end }}
 
 {{- if .IsHome }}
-<!-- Preload background images for adaptive loading -->
-<link rel="preload" as="image" href="images/desktop.webp" media="(min-width: 737px)">
-<link rel="preload" as="image" href="images/mobile.webp" media="(max-width: 736px)">
-<!-- Fallback preload -->
-<link rel="preload" as="image" href="{{ .Site.Params.backgroundPath }}">
+<!-- Preload background image (same for all devices) -->
+<link rel="preload" as="image" href="images/desktop.webp">
 {{- end }}
diff --git a/static/css/adaptive-background.css b/static/css/adaptive-background.css
index 462351f..39ba004 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 mobile.webp */
+/* Mobile devices (max-width: 736px) - Use desktop.webp (same as desktop for consistency) */
 @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/mobile.webp') !important;
+                      url('../../images/desktop.webp') !important;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
diff --git a/static/images/mobile.webp b/static/images/mobile.webp
index 2ea5f94..6a01e0e 100755
Binary files a/static/images/mobile.webp and b/static/images/mobile.webp differ