CSS tweaks, add reverse properties to services

src/components/Service.js

@@ -2,14 +2,18 @@ import React from 'react'
 import InfoBox from './InfoBox'
 
 const Service = ({ ...props }) => (
-  <div className="lg:flex items-center justify-center m-auto">
+  <div
+    className={`md:flex ${
+      props.reversed ? 'flex-row-reverse' : ''
+    } items-center justify-center m-auto`}
+  >
     <img
       src={props.img}
-      className={`w-full lg:max-w-sm p-4 z-10 ${props.imgClasses}`}
+      className={`w-full md:max-w-sm p-4 z-10 ${props.imgClasses}`}
       alt={`${props.title} agency`}
     />
     <InfoBox
-      classes="bg-white p-8 shadow lg:m-0 opacity-70 lg:max-w-sm"
+      classes="bg-white p-8 shadow md:m-0 opacity-70 md:max-w-sm"
       headline={props.title}
       text={props.text}
     />