PB-265: Video background for Banner

- fix tinymce zindex overlapping sibling banner

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_default.less

@@ -120,7 +120,20 @@
     }
 
     .video-overlay {
-        z-index: 0;
+        z-index: auto;
+    }
+
+    &.jarallax {
+        position: unset!important;
+    }
+
+    [id*='jarallax-container'] {
+        z-index: auto!important;
+
+        > iframe,
+        > video {
+            z-index: auto!important;
+        }
     }
 }
 

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/banner/preview.js

@@ -114,6 +114,9 @@ export default class Preview extends BasePreview {
                         speed: 1,
                         videoPlayOnlyVisible: (this.contentType.dataStore.get("video_play_only_visible") as string) === "true",
                         videoLazyLoading: (this.contentType.dataStore.get("video_lazy_load") as string) === "true",
+                        onInit() {
+                            $(this.image.$container).prependTo($(this.image.$container).parent());
+                        },
                     },
                 );
                 // @ts-ignore