animation tweaks

src/components/atoms/Animations.jsx

@@ -7,7 +7,7 @@ export const FadeIn = props => (
     classNames="fadein"
     appear={true}
     in={true}
-    timeout={{ enter: 300, exit: 200, appear: 300 }}
+    timeout={{ enter: 200, exit: 200, appear: 200 }}
     {...props}
   />
 )

src/components/atoms/ProjectImage.jsx

@@ -8,6 +8,7 @@ const ProjectImage = ({ sizes, alt }) => (
     className="project__image"
     outerWrapperClassName="project__image-wrap"
     backgroundColor="#6b7f88"
+    fadeIn={false}
     sizes={sizes}
     alt={alt}
   />

src/layouts/index.jsx

@@ -32,7 +32,7 @@ const TemplateWrapper = ({ data, location, children }) => {
         <TransitionGroup appear={true}>
           <FadeIn
             key={location.pathname}
-            timeout={{ enter: 300, exit: 200, appear: 300 }}
+            timeout={{ enter: 200, exit: 150, appear: 200 }}
           >
             <TransitionHandler location={location}>
               {children()}