Change in illustration and styling

src/components/Card.js

@@ -4,7 +4,7 @@ import Link from 'gatsby-link'
 import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
 
 const Card = ({ ...props }) => (
-  <article className="h-full w-full rounded overflow-hidden bg-white border-bottom-saburly hover:shadow-md">
+  <article className="h-full w-full rounded overflow-hidden shadow bg-white border-bottom-saburly hover:shadow-md">
     <Link to={props.url}>
       {props.image ? (
         <img className="w-full" src={props.image.src} />

src/components/PageIntro.js

@@ -5,7 +5,11 @@ import Button from './Button'
 
 const PageIntro = ({ ...props }) => (
   <section className="bg-saburly-light relative">
-    <div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse p-4">
+    <div
+      className={`container mx-auto flex lg:flex-row flex-col ${
+        props.reversed ? 'flex-col-reverse' : ''
+      } p-4`}
+    >
       <div className="text-center lg:text-left lg:mt-4">
         <SectionIntro
           intro={props.intro}
@@ -26,7 +30,7 @@ const PageIntro = ({ ...props }) => (
       {props.image && (
         <img
           src={props.image}
-          className={`${props.imgClasses} md:max-w-md p-8 z-10`}
+          className={`${props.imgClasses} md:max-w-md mx-auto lg:p-8 z-10`}
           alt="Software Development Agency"
         />
       )}