MC-3406: Explicit Background Attributes for Tab

 - fix hiding for items inside tab
 - fix vertical alignment on storefront

Author: cspruiell

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/tab-item/default/master.html

@@ -8,7 +8,7 @@
 <div attr="Object.assign({}, data.main.attributes(), { id: parent.id })"
      ko-style="Object.assign(data.container.style(), data.main.style())"
      css="data.main.css">
-    <div class="pagebuilder-mobile-hidden" attr="data.desktop_image.attributes" ko-style="data.desktop_image.style" css="data.desktop_image.css">
+    <div class="pagebuilder-mobile-hidden" attr="data.desktop_image.attributes" ko-style="Object.assign(data.desktop_image.style(), data.container.style())" css="data.desktop_image.css">
         <render args="renderChildTemplate" />
     </div>
     <div class="pagebuilder-mobile-only" attr="data.mobile_image.attributes" ko-style="data.mobile_image.style" css="data.mobile_image.css">

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/tab-item/default/preview.html

@@ -10,7 +10,7 @@
         <if args="$parent.isContainer()">
             <div class="pagebuilder-drop-indicator"></div>
         </if>
-        <div class="pagebuilder-content-type-wrapper" template="{ name: preview.previewTemplate, data: preview, afterRender: preview.dispatchAfterRenderEvent.bind(preview) }" attr="{ id: id }"></div>
+        <div class="pagebuilder-content-type-wrapper" template="{ name: preview.previewTemplate, data: preview, afterRender: preview.dispatchAfterRenderEvent.bind(preview) }" attr="{ id: id }" css="{'pagebuilder-content-type-hidden': !preview.display()}"></div>
         <if args="$parent.isContainer() && $index() === $parent.parent.getChildren()().length - 1">
             <div class="pagebuilder-drop-indicator"></div>
         </if>