Detect media on About Process Step, Visual fixes

src/style/molecules/_process-step.scss

@@ -21,12 +21,13 @@
     }
 
     // Image
-    :global(.image) {
+    .media {
         position: relative;
         z-index: 2;
         display: block;
         overflow: hidden;
         width: 70%;
+        max-height: 580px;
         margin: 0 auto 64px;
         border-radius: 6px;
 
@@ -38,12 +39,20 @@
             margin-bottom: 0;
         }
 
-        :global(img) {
+        video, :global(.image) {
             display: block;
-            width: 100%;
             height: 100%;
+            width: 100%;
             object-fit: cover;
         }
+        :global(.image) {
+            :global(img) {
+                display: block;
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+            }
+        }
     }
 
     // Content
@@ -90,7 +99,7 @@
 
     // Alternate content order
     &:nth-child(even) {
-        :global(.image) {
+        .media {
             @include bp (sm) {
                 grid-column: 2 / span 7;
             }