Styling changes for consistency

src/pages/about.js

@@ -25,10 +25,10 @@ const AboutPage = () => (
     <Fade top>
       <PageIntro
         tiltImage
-        headline="Founded by developers"
+        headline="We know software"
         text="Saburly was founded by senior tech leads that understand what it takes to create modern digital solutions. We have managed large software development teams for successful companies in the past and are now recruiting and mentoring the best talents in the industry for Saburly."
         image={IntroImage}
-        imgClasses="border-white border-8 rounded -mb-12"
+        imgClasses="border-white rounded-lg opacity-70 hover:opacity-100 saburly-transition -mb-12"
       />
     </Fade>
 
@@ -44,7 +44,7 @@ const AboutPage = () => (
             <p className="py-2 font-light text-grey-darkest text-center">
               Saburly comes from an old Bosnian saying and is about
             </p>
-            <h5 className="text-center text-4xl italic font-light text-black">
+            <h5 className="text-center text-xl md:text-2xl lg:text-4xl italic font-light text-black">
               "Achieving success through patience, strategic planning and
               perseverance"
             </h5>