Quickfix reveal effect

src/pages/services.js

@@ -5,7 +5,7 @@ import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
 import WorkStyle from '../components/WorkStyle'
 import Technologies from '../components/Technologies'
-import Fade from 'react-reveal/fade'
+import Fade from 'react-reveal/Fade'
 
 import IntroImage from '../images/agile-practitioners.jpg'
 import WebdevServices from '../images/custom-software-development.svg'
@@ -27,7 +27,7 @@ const ServicesPage = () => (
       />
     </Fade>
     <section className="px-4 py-16">
-      <Fade left>
+      <Fade>
         <div className="container mx-auto">
           <div className="lg:flex">
             <img
@@ -86,7 +86,7 @@ const ServicesPage = () => (
 
     <section className="bg-saburly relative bg-saburly-lighter px-4 py-16">
       <div className="container mx-auto">
-        <Fade right>
+        <Fade>
           <div className="lg:flex">
             <div>
               <SectionIntro
@@ -138,7 +138,7 @@ const ServicesPage = () => (
             />
           </div>
         </Fade>
-        <Fade bottom>
+        <Fade>
           <div className="p-8 my-4 bg-white border-bottom-saburly">
             <h3 className="my-1 text-black text-3xl">Emerging Technologies</h3>
             <p className="font-light leading-normal text-black-light text-lg">