[IMP] theme_treehouse: adapt s_banner

Since the redesign of the original banner snippet, the customizations
made in theme_treehouse have had to be adapted.

task-3097005

Part-of: odoo/design-themes#687

theme_treehouse/views/images_library.xml

@@ -143,6 +143,16 @@
     <field name="name">website.s_banner_default_image</field>
     <field name="url">/theme_treehouse/static/src/img/backgrounds/02.jpg</field>
 </record>
+<record id="s_banner_default_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_banner_default_image_2</field>
+    <field name="name">website.s_banner_default_image_2</field>
+    <field name="url">/theme_treehouse/static/src/img/backgrounds/17.jpg</field>
+</record>
+<record id="s_banner_default_image_3" model="theme.ir.attachment">
+    <field name="key">website.s_banner_default_image_3</field>
+    <field name="name">website.s_banner_default_image_3</field>
+    <field name="url">/theme_treehouse/static/src/img/backgrounds/18.jpg</field>
+</record>
 
 <!-- Text-Image -->
 <record id="s_text_image_default_image" model="theme.ir.attachment">

theme_treehouse/views/snippets/s_banner.xml

@@ -4,14 +4,12 @@
 <template id="s_banner" inherit_id="website.s_banner">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12"}</attribute>
     </xpath>
     <xpath expr="//*[hasclass('container')]" position="before">
         <div class="o_we_shape o_web_editor_Floats_12"/>
     </xpath>
-    <xpath expr="//*[hasclass('s_parallax_bg')]" position="attributes">
-        <attribute name="style" add="background-position: 50% 100%;" separator=" "/>
-    </xpath>
     <!-- Title -->
     <xpath expr="//h1" position="replace" mode="inner">
         Hello Planet.