Add gatsby-plugin-image to config file

Author: andydevs

gatsby-config.js

@@ -25,6 +25,10 @@ module.exports = {
         DEV_SSR: false
     },
     plugins: [
+        'gatsby-plugin-sharp',
+        'gatsby-transformer-yaml',
+        'gatsby-transformer-sharp',
+        'gatsby-plugin-image',
         {
             resolve: 'gatsby-plugin-manifest',
             options: {
@@ -41,11 +45,8 @@ module.exports = {
             }
         },
         'gatsby-plugin-styled-components',
-        'gatsby-plugin-sharp',
         'gatsby-plugin-react-helmet',
         'gatsby-plugin-scroll-reveal',
-        'gatsby-transformer-yaml',
-        'gatsby-transformer-sharp',
         {
             resolve: 'gatsby-source-filesystem',
             options: {

src/sections/hero.js

@@ -89,9 +89,7 @@ export default function Hero() {
             }
         }
     `)
-    console.log(hero.desktop)
     console.log(getImage(hero.desktop))
-    console.log(hero.mobile)
     console.log(getImage(hero.mobile))
 
     const responsiveImages = withArtDirection(getImage(hero.desktop), [