adjust 'how to get started' section styling

Author: cherylli

pages/about.js

@@ -198,7 +198,7 @@ export default function AboutUs() {
           image='/images/svg/slash.svg'
           color={primary}
           bgColor={white}
-          customInnerClass='about-content'
+          customInnerClass='get-started'
           link="mailto:[email protected]"
           linkText="Ping Us"
           customBtnClass='inverted-grey'

styles/TwoColumn.module.scss

@@ -88,7 +88,7 @@
       }
     }
 
-    &.about-content {
+    &.about-content, &.get-started {
       .content{
         max-width: 49rem;
       }
@@ -209,6 +209,24 @@
       }
     }
 
+    &.get-started {
+      padding-bottom: 0px;
+      .inner__image{
+        display: none;
+
+        @include desktop {
+          display: unset;
+        }
+      }
+
+      @include desktop {
+        padding-bottom: 5rem;
+      }
+
+
+
+    }
+
     @include desktop {
       display: flex;
       align-items: center;
@@ -218,6 +236,8 @@
   }
 }
 
+
+
 //Exports
 :export {
   white: $white;