diff --git a/gatsby-browser.js b/gatsby-browser.js
index 334acc9..3106bf8 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -6,6 +6,5 @@ exports.onClientEntry = () => {
   // IntersectionObserver polyfill for gatsby-image (Safari, IE)
   if (typeof window.IntersectionObserver === 'undefined') {
     require('intersection-observer')
-    console.log('👍 IntersectionObserver is polyfilled') // eslint-disable-line no-console
   }
 }
diff --git a/gatsby-node.js b/gatsby-node.js
index b25843a..a56ca8e 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -23,7 +23,7 @@ const path = require('path')
 //
 // Create project pages from projects.yml
 //
-exports.createPages = ({ actions, graphql }) => {
+exports.createPages = async ({ actions, graphql }) => {
   const { createPage } = actions
 
   return new Promise((resolve, reject) => {
diff --git a/src/components/atoms/ProjectImage.jsx b/src/components/atoms/ProjectImage.jsx
index 4d467c7..8db881b 100644
--- a/src/components/atoms/ProjectImage.jsx
+++ b/src/components/atoms/ProjectImage.jsx
@@ -22,7 +22,7 @@ ProjectImage.propTypes = {
 export const projectImage = graphql`
   fragment ProjectImageFluid on ImageSharp {
     fluid(maxWidth: 1200, quality: 85) {
-      ...GatsbyImageSharpFluid_noBase64
+      ...GatsbyImageSharpFluid_withWebp
     }
   }
 `
diff --git a/src/components/atoms/ProjectImage.module.scss b/src/components/atoms/ProjectImage.module.scss
index 2f20f38..349ab5c 100644
--- a/src/components/atoms/ProjectImage.module.scss
+++ b/src/components/atoms/ProjectImage.module.scss
@@ -14,7 +14,7 @@
         overflow: hidden;
     }
 
-    .dark & {
+    :global(.dark) & {
         box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .15),
             0 5px 16px rgba(darken($brand-main, 20%), .15);
     }