diff --git a/src/app/(default)/about/components/Hero.tsx b/src/app/(default)/about/components/Hero.tsx
index 9526eb35b..057b75984 100644
--- a/src/app/(default)/about/components/Hero.tsx
+++ b/src/app/(default)/about/components/Hero.tsx
@@ -51,7 +51,6 @@ const Values: React.FC = () => (
           src={mapHero}
           alt='Picture of a map'
           width={400}
-          unoptimized
         />
       </div>
       <div className='absolute bottom-0 left-24'>
diff --git a/src/image-loader.js b/src/image-loader.js
index 7ba386950..9f46be99e 100644
--- a/src/image-loader.js
+++ b/src/image-loader.js
@@ -1,5 +1,9 @@
 'use client'
+const dev = process.env.NODE_ENV !== 'production'
 const imageLoader = ({ src, width, quality }) => {
+  if (dev && src.startsWith('/_next')) {
+    return src
+  }
   return `${process.env.NEXT_PUBLIC_CDN_URL}${src}?w=${width}&q=${quality || 75}`
 }