WIP

dist/app.css

@@ -12541,6 +12541,7 @@ section.services-blocks .block {
   padding: 2rem 1.5rem;
   background-color: #075179;
   color: #fff;
+  flex: 1 1 calc(50% - 0.75rem);
 }
 section.services-blocks .block svg {
   margin-bottom: 1rem;
@@ -12560,6 +12561,7 @@ section.services-blocks .block:nth-of-type(even) svg {
 }
 section.services-blocks .block:first-of-type {
   background-color: #B9AF78;
+  flex: 1 1 100%;
 }
 section.services-blocks .large-arrow {
   position: absolute;
@@ -12569,6 +12571,14 @@ section.services-blocks .large-arrow {
   width: 40%;
   height: auto;
 }
+section.services-blocks .large-arrow svg {
+  width: 100%;
+  height: auto;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+}
 @media (max-width: 991.98px) {
   section.services-blocks .large-arrow {
     display: none;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=3278df513f6d55d96d3340bcef193fb6"
+    "/app.css": "/app.css?id=d2d5d155f950e643ce7db448704b9bd9"
 }

src/scss/flex-services-blocks.scss

@@ -19,6 +19,7 @@ section.services-blocks {
         padding: 2rem 1.5rem;
         background-color: $c-lightNavy;
         color: $c-white;
+        flex: 1 1 calc(50% - 0.75rem);
 
         svg {
             margin-bottom: 1rem;
@@ -43,6 +44,7 @@ section.services-blocks {
 
         &:first-of-type {
             background-color: $c-tan;
+            flex: 1 1 100%;
         }
     }
 
@@ -54,6 +56,15 @@ section.services-blocks {
         width: 40%;
         height: auto;
 
+        svg {
+            width: 100%;
+            height: auto;
+            position: absolute;
+            bottom: 0;
+            right: 0;
+            margin: 0;
+        }
+
         @include media-breakpoint-down(lg) {
             display: none;
         }