diff --git a/modules/core/theme/__test__/__snapshots__/ThemeProviderSelector.spec.tsx.snap b/modules/core/theme/__test__/__snapshots__/ThemeProviderSelector.spec.tsx.snap
index f05ac7be..ab1a325f 100644
--- a/modules/core/theme/__test__/__snapshots__/ThemeProviderSelector.spec.tsx.snap
+++ b/modules/core/theme/__test__/__snapshots__/ThemeProviderSelector.spec.tsx.snap
@@ -495,8 +495,8 @@ exports[`Theme Provider Selector Selector fo normal theme should render for norm
         "workexp": "\\\\e804",
       },
       "images": Object {
-        "background": "/images/bg.jpg",
-        "backgroundMobile": "/images/bg-mobile.jpg",
+        "background": "/images/bg.webp",
+        "backgroundMobile": "/images/bg-mobile.webp",
         "bgPattern": "/images/bg-pattern.jpg",
         "bgPatternOpacity": "1",
         "overlay": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAGM0GjfHGEMGAAAA//8DACm0ATMe8beGAAAAAElFTkSuQmCC",
@@ -573,8 +573,8 @@ exports[`Theme Provider Selector Selector fo normal theme should render for norm
           "workexp": "\\\\e804",
         },
         "images": Object {
-          "background": "/images/bg.jpg",
-          "backgroundMobile": "/images/bg-mobile.jpg",
+          "background": "/images/bg.webp",
+          "backgroundMobile": "/images/bg-mobile.webp",
           "bgPattern": "/images/bg-pattern.jpg",
           "bgPatternOpacity": "1",
           "overlay": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAGM0GjfHGEMGAAAA//8DACm0ATMe8beGAAAAAElFTkSuQmCC",
diff --git a/modules/core/theme/styleguide/theme.js b/modules/core/theme/styleguide/theme.js
index 03eed02c..f7e53e1b 100644
--- a/modules/core/theme/styleguide/theme.js
+++ b/modules/core/theme/styleguide/theme.js
@@ -20,8 +20,8 @@ const theme = {
     grey: '#696969'
   },
   images: {
-    background: '/images/bg.jpg',
-    backgroundMobile: '/images/bg-mobile.jpg',
+    background: '/images/bg.webp',
+    backgroundMobile: '/images/bg-mobile.webp',
     bgPattern: '/images/bg-pattern.jpg',
     bgPatternOpacity: '1',
     overlayBgColor: 'rgba(44, 62, 80, 0.4)',
diff --git a/modules/home/components/__test__/__snapshots__/Home.spec.tsx.snap b/modules/home/components/__test__/__snapshots__/Home.spec.tsx.snap
index a0793a94..d0165f8d 100644
--- a/modules/home/components/__test__/__snapshots__/Home.spec.tsx.snap
+++ b/modules/home/components/__test__/__snapshots__/Home.spec.tsx.snap
@@ -38,7 +38,7 @@ exports[`Home should render without throwing an error 1`] = `
       </Anchor>
       <Home__Background>
         <div
-          className="Home__Background-gfpuen-3 dQpcR"
+          className="Home__Background-gfpuen-3 gLbVfp"
         />
       </Home__Background>
       <Home__Overlay>
diff --git a/modules/home/theme/__tests__/__snapshots__/GlobalStyleCss.spec.tsx.snap b/modules/home/theme/__tests__/__snapshots__/GlobalStyleCss.spec.tsx.snap
index 4dfaf981..f1a049e9 100644
--- a/modules/home/theme/__tests__/__snapshots__/GlobalStyleCss.spec.tsx.snap
+++ b/modules/home/theme/__tests__/__snapshots__/GlobalStyleCss.spec.tsx.snap
@@ -53,8 +53,8 @@ exports[`GlobalStyleCss should render defaultTheme without throwing an error 1`]
         "workexp": "\\\\e804",
       },
       "images": Object {
-        "background": "/images/bg.jpg",
-        "backgroundMobile": "/images/bg-mobile.jpg",
+        "background": "/images/bg.webp",
+        "backgroundMobile": "/images/bg-mobile.webp",
         "bgPattern": "/images/bg-pattern.jpg",
         "bgPatternOpacity": "1",
         "overlay": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAGM0GjfHGEMGAAAA//8DACm0ATMe8beGAAAAAElFTkSuQmCC",
diff --git a/public/images/bg-mobile.webp b/public/images/bg-mobile.webp
new file mode 100644
index 00000000..53a2cffd
Binary files /dev/null and b/public/images/bg-mobile.webp differ
diff --git a/public/images/bg.webp b/public/images/bg.webp
new file mode 100644
index 00000000..e863fd82
Binary files /dev/null and b/public/images/bg.webp differ