ISTWCMS-6863: refactor photo/basic info flex so video never overlaps

src/patterns/03-layouts/ofis/_ofis-profile.scss

@@ -6,7 +6,7 @@
 
 .ofis-profile-header {
   display: flex;
-  flex-direction: column;
+  flex-wrap: wrap;
   gap: 1rem;
   padding-top: 1rem;
 
@@ -15,7 +15,11 @@
     width: 188px;
     height: auto;
     margin: 0 auto;
-    flex-shrink: 0;
+    flex: 0 0 188px;
+  }
+
+  > div {
+    flex: 1 1 250px;
   }
 
   @media(min-width: $screen-xs) {