WIP

dist/app.css

@@ -12394,9 +12394,15 @@ section.flex-5050-cta.grey .overflow-image {
   width: 48% !important;
   height: 100% !important;
 }
+section.flex-5050-cta .col-image-wrapper {
+  display: none;
+}
 section.flex-5050-cta.contain .overflow-image {
   display: none !important;
 }
+section.flex-5050-cta.contain .col-image-wrapper {
+  display: block;
+}
 @media (max-width: 991.98px) {
   section.flex-5050-cta .col:last-of-type {
     display: none;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=e3d09ab0e84dd0320666130a23ffa185"
+    "/app.css": "/app.css?id=1d5daa3127175755ac8ed04053255765"
 }

src/scss/flex-5050-cta.scss

@@ -18,11 +18,19 @@ section.flex-5050-cta {
         }
     }
 
+    .col-image-wrapper {
+        display: none;
+    }
+
     // image contain mode
     &.contain {
         .overflow-image {
             display: none !important;
         }
+
+        .col-image-wrapper {
+            display: block;
+        }
     }
 
     @include media-breakpoint-down(lg) {

tpl/flex_5050_cta.tpl

@@ -14,7 +14,12 @@
 
                 <img src="{{ image }}" alt="" />
             </div>
-            <div class="col">&nbsp;</div>
+
+            <div class="col">
+                <div class="col-image-wrapper">
+                    <img src="{{ image }}" alt="" />
+                </div>
+            </div>
         </div>
     </div>
 </section>