diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 86f93a5..9b570c2 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -34,7 +34,14 @@ const config = {
     ],
   ],
 
-  plugins: ["@docusaurus/plugin-ideal-image"],
+  plugins: [
+    [
+      "@docusaurus/plugin-ideal-image",
+      {
+        disableInDev: false,
+      },
+    ]
+  ],
 
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
diff --git a/website/src/components/HomepageFeatures.js b/website/src/components/HomepageFeatures.js
index 4c285dc..52ac033 100644
--- a/website/src/components/HomepageFeatures.js
+++ b/website/src/components/HomepageFeatures.js
@@ -7,7 +7,7 @@ const FeatureList = [
   {
     title: 'Learn About Golioth',
     link: '/docs/golioth-exploration',
-    img: require('../../static/img/Golioth_logo_300x300.png').default,
+    img: require('../../static/img/Golioth_logo_300x300.png'),
     description: (
       <>
         This guide is for Developers to understand the various features of
@@ -33,7 +33,7 @@ const FeatureList = [
   {
     title: 'Zephyr Training',
     link: '/docs/zephyr-training',
-    img: require('../../static/img/Zephyr_logo_300x300.png').default,
+    img: require('../../static/img/Zephyr_logo_300x300.png'),
     description: (
       <>
         Our users find that <a href='https://zephyrproject.org/'>Zephyr RTOS</a>{' '}
@@ -60,13 +60,13 @@ function Feature({ Svg, img, title, description, link }) {
               sources={{
                 light:
                   require('../../static/img/API_Training_logo_300x300-coral.png')
-                    .default,
+                    .src.src,
                 dark: require('../../static/img/API_Training_logo_300x300.png')
-                  .default,
+                  .src.src,
               }}
             />
           )}
-          {img && <img width={150} src={img} alt={title} />}
+          {img && <img width={150} src={img.src.src} alt={title} />}
         </a>
       </div>
       <div className='text--center padding-horiz--md'>