MC-4116: Update slider to use new background images logic

- remove unnecessary css class in banner tpl

Author: anthoula

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

@@ -7,24 +7,9 @@
 //  Collage center appearance styles
 //  _____________________________________________
 
-.pagebuilder-collage-centered {
-    .pagebuilder-banner-wrapper {
-        .pagebuilder-overlay {
-            margin-left: auto;
-            margin-right: auto;
-        }
-    }
-}
-
-//
-//  Collage center appearance styles rendered through Block
-//  _______________________________________________________
-
 [data-role='banner'][data-appearance='collage-centered'] {
-    .pagebuilder-banner-wrapper {
-        .pagebuilder-overlay {
-            margin-left: auto;
-            margin-right: auto;
-        }
+    .pagebuilder-overlay {
+        margin-left: auto;
+        margin-right: auto;
     }
 }

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

@@ -7,18 +7,6 @@
 //  Collage right appearance styles
 //  _____________________________________________
 
-.pagebuilder-collage-right {
-    .pagebuilder-banner-wrapper {
-        .pagebuilder-overlay {
-            margin-left: auto;
-        }
-    }
-}
-
-//
-//  Collage right appearance styles rendered through Block
-//  ______________________________________________________
-
 [data-role='banner'][data-appearance='collage-right'] {
     .pagebuilder-overlay {
         margin-left: auto;

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-centered/preview.html

@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-banner type-nested pagebuilder-collage-centered" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-banner type-nested" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <div class="pagebuilder-banner-wrapper"
          css="data.wrapper.css"

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-right/preview.html

@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-banner type-nested pagebuilder-collage-right" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-banner type-nested" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <div class="pagebuilder-banner-wrapper"
          attr="data.wrapper.attributes"