image tweaks

gatsby-config.js

@@ -38,7 +38,7 @@ module.exports = {
               withWebp: true,
               linkImagesToOriginal: true,
               showCaptions: true,
-              backgroundColor: 'transparent',
+              backgroundColor: 'none',
               disableBgImageOnAlpha: true
             }
           },

src/components/atoms/Image.tsx

@@ -15,7 +15,7 @@ export default function Image({
   return (
     <Img
       className={styles.imageWrap}
-      backgroundColor="#dfe8ef"
+      backgroundColor="transparent"
       fluid={fluid}
       fixed={fixed}
       alt={alt}