diff --git a/src/apps/officer-web/Screens/Authentication/Layout/Background.tsx b/src/apps/officer-web/Screens/Authentication/Layout/Background.tsx
index 30688686..75e0ca9d 100644
--- a/src/apps/officer-web/Screens/Authentication/Layout/Background.tsx
+++ b/src/apps/officer-web/Screens/Authentication/Layout/Background.tsx
@@ -1,7 +1,7 @@
 import { DuckAvatar } from "./DuckAvatar";
 import { PixelGrid } from "@/components/PixelGrid";
 import { useGlobal } from 'hooks/useGlobal';
-import landscapebg from './landscape1.jpg';
+const landscapebg = 'https://static.officer.dev/landscape1.webp';
 
 export function Background() {
   const [duckHidden] = useGlobal('DUCK_HIDDEN', false);
diff --git a/src/apps/officer-web/Screens/Dashboard/Layout/Background.tsx b/src/apps/officer-web/Screens/Dashboard/Layout/Background.tsx
index 07823073..e60fd821 100644
--- a/src/apps/officer-web/Screens/Dashboard/Layout/Background.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/Layout/Background.tsx
@@ -1,5 +1,5 @@
 import { PixelGrid } from "@/components/PixelGrid";
-import landscapebg from './landscape1.jpg';
+const landscapebg = 'https://static.officer.dev/landscape1.webp';
 
 export function Background() {
   return (