images css 1

assets/css/services/consulting-help-images.scss

+---
+---
+
+@import "boilerplate/breakpoints";
+
+.image-block {
+    display: flex;
+    padding: 1rem 0;
+    align-items: center;
+
+    div {
+        flex: 3 0 0;
+    }
+
+    .help-image {
+        padding: 1rem 2rem;
+        flex: 1 0 0;
+        max-width: 14rem; // needed for Chrome on large screens
+        min-height: 5rem; // needed for Firefox on small screens
+
+        &.right {
+            @include medium-is-tablet-plus {
+                order: 1
+            }
+        }
+    }
+
+    @include medium-is-phone {
+        flex-direction: column;
+    }
+}
+
+.image-attrib {
+    font-size: 0.8rem;
+    text-align: right;
+}