Change in illustration and styling

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"
         />
       )}