diff --git a/test_themes/tests/test_new_page_templates.py b/test_themes/tests/test_new_page_templates.py
index 4915d6dab..f270040d3 100644
--- a/test_themes/tests/test_new_page_templates.py
+++ b/test_themes/tests/test_new_page_templates.py
@@ -29,7 +29,7 @@ CONFLICTUAL_CLASSES = [
     ['o_spc-medium', 'o_spc-none', 'o_spc-small'],
     ['oi-arrows-h', 'oi-arrows-v', 'oi-chevron-left', 'oi-chevron-right', 'oi-search'],
     ['position-absolute', 'position-relative'],
-    ['s_carousel_bordered', 's_carousel_default', 's_carousel_rounded'],
+    ['s_carousel_default', 's_carousel_rounded'],
     ['s_image_gallery_indicators_arrows_boxed', 's_image_gallery_indicators_arrows_rounded'],
     ['text-center', 'text-end', 'text-start'],
 ]
@@ -76,13 +76,15 @@ CONFLICTUAL_CLASSES_RE = {
     re.compile(r'^s_.*'): [
         's_alert_md',
         's_blockquote_with_icon', 's_blockquote',
-        's_carousel_bordered', 's_carousel_default', 's_carousel_rounded',
+        's_carousel_default', 's_carousel_rounded', 's_carousel_boxed',
+        's_carousel_indicators_dots', 's_carousel_indicators_hidden', 's_carousel_controllers_indicators_outside',
+        's_quotes_carousel',
         's_dynamic', 's_dynamic_empty', 's_dynamic_snippet_blog_posts',
         's_blog_posts_effect_marley', 's_blog_post_big_picture',
         's_col_no_bgcolor', 's_col_no_resize',
         's_event_upcoming_snippet',
-        's_image_gallery_cover', 's_image_gallery_indicators_arrows_boxed', 's_image_gallery_indicators_arrows_rounded',
-        's_image_gallery_indicators_dots', 's_image_gallery_indicators_rounded', 's_image_gallery_show_indicators',
+        's_image_gallery', 's_image_gallery_indicators_arrows_boxed', 's_image_gallery_indicators_arrows_rounded',
+        's_image_gallery_indicators_dots', 's_image_gallery_indicators_squared', 's_image_gallery_indicators_rounded', 's_image_gallery_indicators_hidden', 's_image_gallery_indicators_bars', 's_image_gallery_indicators_outside','s_image_gallery_controllers_outside_arrows_right', 's_image_gallery_controllers_outside',
         's_newsletter_list', 's_newsletter_subscribe_form',
         's_parallax_is_fixed', 's_parallax_no_overflow_hidden',
         's_process_steps_connector_line',
diff --git a/theme_anelusia/__manifest__.py b/theme_anelusia/__manifest__.py
index d7dfd7b14..6611b1529 100644
--- a/theme_anelusia/__manifest__.py
+++ b/theme_anelusia/__manifest__.py
@@ -16,6 +16,7 @@
         'views/snippets/s_company_team.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_image_gallery.xml',
+        'views/snippets/s_carousel.xml',
         'views/snippets/s_media_list.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_color_blocks_2.xml',
diff --git a/theme_anelusia/views/snippets/s_carousel.xml b/theme_anelusia/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..e3e48f666
--- /dev/null
+++ b/theme_anelusia/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-25"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-25"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_anelusia/views/snippets/s_image_gallery.xml b/theme_anelusia/views/snippets/s_image_gallery.xml
index a632758f2..0efd933cc 100644
--- a/theme_anelusia/views/snippets/s_image_gallery.xml
+++ b/theme_anelusia/views/snippets/s_image_gallery.xml
@@ -15,18 +15,14 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover o_full_screen_height s_image_gallery_indicators_dots" remove="s_image_gallery_indicators_rounded" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="pt80 pb80" remove="pt24 pb24" separator=" "/>
     </xpath>
     <!-- Item #2 - Img -->
     <xpath expr="//div[hasclass('carousel-item')][2]/img" position="attributes">
         <attribute name="src">/web/image/website.library_image_16</attribute>
     </xpath>
     <!-- Item #2 - Indicator -->
-    <xpath expr="//ul[hasclass('carousel-indicators')]//li[3]" position="attributes">
+    <xpath expr="//div[hasclass('carousel-indicators')]//button[3]" position="attributes">
         <attribute name="style">background-image: url(/web/image/website.library_image_16)</attribute>
     </xpath>
 </template>
diff --git a/theme_anelusia/views/snippets/s_quotes_carousel.xml b/theme_anelusia/views/snippets/s_quotes_carousel.xml
index e7d7ac45b..5a3f1a7da 100644
--- a/theme_anelusia/views/snippets/s_quotes_carousel.xml
+++ b/theme_anelusia/views/snippets/s_quotes_carousel.xml
@@ -3,15 +3,15 @@
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Slide #1 - Filter -->
-    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('container')]" position="before">
         <div class="o_we_bg_filter bg-black-25"/>
     </xpath>
     <!-- Slide #2 - Filter -->
-    <xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter bg-black-25"/>
     </xpath>
     <!-- Slide #3 - Filter -->
-    <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
         <div class="o_we_bg_filter bg-black-25"/>
     </xpath>
 </template>
diff --git a/theme_artists/views/snippets/s_carousel.xml b/theme_artists/views/snippets/s_carousel.xml
index f43871e1a..f2ed5a0c1 100644
--- a/theme_artists/views/snippets/s_carousel.xml
+++ b/theme_artists/views/snippets/s_carousel.xml
@@ -2,14 +2,6 @@
 <odoo>
 
 <template id="s_carousel" inherit_id="website.s_carousel">
-    <!-- Carousel-item #01 -->
-    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
-        <attribute name="class" add="o_cc o_cc5" separator=" "/>
-    </xpath>
-    <!-- Shape & filter -->
-    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
-        <div class="o_we_bg_filter bg-black-25"/>
-    </xpath>
     <!-- Content -->
     <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('carousel-content')]" position="replace">
         <div class="carousel-content col-lg-12 pb112 pt112">
@@ -42,7 +34,7 @@
 
     <!-- Carousel-item #03 -->
     <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt152 pb152" remove="pb128 pt128" separator=" "/>
+        <attribute name="class" add="pt152 pb152" remove="pb128 pt128" separator=" "/>
     </xpath>
     <!-- Shape & filter -->
     <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
diff --git a/theme_artists/views/snippets/s_image_gallery.xml b/theme_artists/views/snippets/s_image_gallery.xml
index e258e7f3d..0b32621e2 100644
--- a/theme_artists/views/snippets/s_image_gallery.xml
+++ b/theme_artists/views/snippets/s_image_gallery.xml
@@ -44,11 +44,11 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 s_image_gallery_cover o_full_screen_height" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 o_full_screen_height" separator=" "/>
     </xpath>
     <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+    <xpath expr="//div[hasclass('carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_avantgarde/static/src/img/pictures/library_image_02.jpg b/theme_avantgarde/static/src/img/pictures/library_image_02.jpg
new file mode 100644
index 000000000..ca4c6a578
Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/library_image_02.jpg differ
diff --git a/theme_avantgarde/static/src/img/pictures/library_image_03.jpg b/theme_avantgarde/static/src/img/pictures/library_image_03.jpg
new file mode 100644
index 000000000..cd040a9d1
Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/library_image_03.jpg differ
diff --git a/theme_avantgarde/static/src/img/pictures/library_image_08.jpg b/theme_avantgarde/static/src/img/pictures/library_image_08.jpg
new file mode 100644
index 000000000..01fb8204d
Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/library_image_08.jpg differ
diff --git a/theme_avantgarde/views/customizations.xml b/theme_avantgarde/views/customizations.xml
index 3334e6f61..2f13800b3 100644
--- a/theme_avantgarde/views/customizations.xml
+++ b/theme_avantgarde/views/customizations.xml
@@ -214,20 +214,36 @@
 
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Avantgarde s_carousel">
-    <!-- Assign slide3 as 'active' and move it in first position -->
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
-        <attribute name="class" remove="active" separator=" "/>
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_rounded carousel-dark" remove="s_carousel_default" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
-        <attribute name="class" add="active" separator=" "/>
+    <xpath expr="//div[hasclass('carousel-indicators')]" position="attributes">
+        <attribute name="class" add="s_carousel_indicators_dots" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
-        <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="move"/>
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('o_we_bg_filter')]" position="replace">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 
-    <xpath expr="//h2/font" position="replace">
-        <font style="font-size: 62px; background-color: var(--o-color-4);" class="o_default_snippet_text">Making Simple</font>
+    <xpath expr="//h2" position="replace" mode="inner">
+        Making Simple
     </xpath>
+    <xpath expr="//div[hasclass('carousel-item')]//p[2]" position="replace"/>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//p[2]" position="replace"/>
 </template>
 
 <!-- ======== QUOTES ======== -->
diff --git a/theme_avantgarde/views/images_library.xml b/theme_avantgarde/views/images_library.xml
index 7379d2565..b16bc6bde 100644
--- a/theme_avantgarde/views/images_library.xml
+++ b/theme_avantgarde/views/images_library.xml
@@ -312,5 +312,20 @@ Check in images.scss, primary_variables.scss, main.scss and theme_common's mixin
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_avantgarde/static/src/img/pictures/bg_image_28.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_avantgarde/static/src/img/pictures/library_image_02.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_avantgarde/static/src/img/pictures/library_image_08.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_avantgarde/static/src/img/pictures/library_image_03.jpg</field>
+</record>
 
 </odoo>
diff --git a/theme_aviato/__manifest__.py b/theme_aviato/__manifest__.py
index dabc4ad45..ecb6914ba 100644
--- a/theme_aviato/__manifest__.py
+++ b/theme_aviato/__manifest__.py
@@ -24,6 +24,7 @@
         'views/snippets/s_unveil.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_aviato/views/snippets/s_carousel.xml b/theme_aviato/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..90cffa2e9
--- /dev/null
+++ b/theme_aviato/views/snippets/s_carousel.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[3]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_aviato/views/snippets/s_quotes_carousel.xml b/theme_aviato/views/snippets/s_quotes_carousel.xml
index bcaeb93e4..b9dc45b4a 100644
--- a/theme_aviato/views/snippets/s_quotes_carousel.xml
+++ b/theme_aviato/views/snippets/s_quotes_carousel.xml
@@ -3,8 +3,11 @@
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Quote 1 -->
+    <xpath expr="//blockquote" position="attributes">
+        <attribute name="class" add="w-75" remove="w-50" separator=" "/>
+    </xpath>
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[1]" position="replace" mode="inner">
-        It's difficult to describe how awesome the trip was. I feel like my life has changed forever. It would take too long to describe day by day the sights, sounds, architecture, art, food, history, and people that we came across. Ireland was fantastic.
+        It would take too long to describe day by day the sights, sounds, and people that we came across. Ireland was fantastic.
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[1]//strong" position="replace" mode="inner">
         Linda and Paulo
@@ -14,7 +17,7 @@
     </xpath>
     <!-- Quote 2 -->
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[2]" position="replace" mode="inner">
-        As always, Odoo Travel has delivered a truly wonderful travel experience for us. Norway was a great travel destination. The parts of the country we visited were beautiful, people were friendly, everything we ate was delicious, and there were many fun things to see and do.
+        The parts of the country we visited were beautiful, people were friendly, everything we ate was delicious, and there were many fun things to see and do.
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[2]//strong" position="replace" mode="inner">
         Jacques and Marie
@@ -24,7 +27,7 @@
     </xpath>
     <!-- Quote 3 -->
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[3]" position="replace"  mode="inner">
-        We would like to thank Odoo Travel for organising wonderful tour for us in Delhi, Agra and Rajasthan. Everything was very well organised. Thank you very much for everything!
+        Everything was very well organised. Thank you very much for everything!
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[3]//strong" position="replace" mode="inner">
         Rose and Peter
diff --git a/theme_beauty/__manifest__.py b/theme_beauty/__manifest__.py
index 824a1e063..8c3e03e3c 100644
--- a/theme_beauty/__manifest__.py
+++ b/theme_beauty/__manifest__.py
@@ -30,6 +30,7 @@
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_beauty/views/snippets/s_carousel.xml b/theme_beauty/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..66e8f934f
--- /dev/null
+++ b/theme_beauty/views/snippets/s_carousel.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bewise/views/customizations.xml b/theme_bewise/views/customizations.xml
index 6fd0918de..c18e3f935 100644
--- a/theme_bewise/views/customizations.xml
+++ b/theme_bewise/views/customizations.xml
@@ -103,18 +103,14 @@
 <!-- ======== QUOTES ======== -->
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel" name="Be Wise s_quotes_carousel">
     <!-- Section : Add a main background to the carousel -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="oe_img_bg o_bg_img_center" separator=" "/>
+    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" add="oe_img_bg o_bg_img_center s_carousel_rounded" remove="o_cc o_cc2 s_carousel_boxed" separator=" "/>
         <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_2');</attribute>
     </xpath>
     <!-- Filter -->
-    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="before">
+    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
         <div class="o_we_bg_filter bg-black-15"/>
     </xpath>
-    <!-- Carousel -->
-    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_rounded" remove="o_cc o_cc2 s_carousel_default" separator=" "/>
-    </xpath>
     <!-- Slide #1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
         <!-- Remove background image of the slide -->
@@ -171,7 +167,7 @@
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+    <xpath expr="//div[hasclass('carousel-indicators')]" position="before">
         <div class="o_we_shape o_web_editor_Origins_14_001" style="background-image: url('/web_editor/shape/web_editor/Origins/14_001.svg?c3=o-color-4&amp;c4=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
     </xpath>
 </template>
@@ -333,15 +329,24 @@
 
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Be Wise s_carousel">
-    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
         <attribute name="class" add="o_cc o_cc5" separator=" "/>
     </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//div[hasclass('container')]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
     <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
         <attribute name="style" add="background-position: 50% 25%" separator=";"/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-item')][3]//p[last()]" position="replace" mode="inner">
         <font class="bg-o-color-4">Good copy starts with understanding how your product or service helps your customers. Simple words communicate better than big words and pompous language.</font>
     </xpath>
+    <xpath expr="//div[hasclass('carousel-item')]//a" position="attributes">
+        <attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]//a" position="attributes">
+        <attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
+    </xpath>
 </template>
 
 <!-- ======== MEDIA LIST ======== -->
diff --git a/theme_bistro/__manifest__.py b/theme_bistro/__manifest__.py
index 6346ba6d2..079fbf61d 100644
--- a/theme_bistro/__manifest__.py
+++ b/theme_bistro/__manifest__.py
@@ -28,6 +28,7 @@
         'views/snippets/s_text_image.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
 
     ],
diff --git a/theme_bistro/views/snippets/s_carousel.xml b/theme_bistro/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..9e6f323a4
--- /dev/null
+++ b/theme_bistro/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bookstore/__manifest__.py b/theme_bookstore/__manifest__.py
index d1e863140..0843a9870 100644
--- a/theme_bookstore/__manifest__.py
+++ b/theme_bookstore/__manifest__.py
@@ -33,6 +33,7 @@
         'views/snippets/s_unveil.xml',
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_bookstore/views/snippets/s_carousel.xml b/theme_bookstore/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..74197eee2
--- /dev/null
+++ b/theme_bookstore/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_boxed carousel-dark" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bookstore/views/snippets/s_quotes_carousel.xml b/theme_bookstore/views/snippets/s_quotes_carousel.xml
index f4fda0aa4..b0a33668b 100644
--- a/theme_bookstore/views/snippets/s_quotes_carousel.xml
+++ b/theme_bookstore/views/snippets/s_quotes_carousel.xml
@@ -2,6 +2,9 @@
 <odoo>
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <xpath expr="//div[hasclass('carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
+    </xpath>
     <!-- Carousel item #1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
         <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_6'); background-position: 50% 50%;</attribute>
diff --git a/theme_buzzy/__manifest__.py b/theme_buzzy/__manifest__.py
index c8e731a39..43272da3e 100644
--- a/theme_buzzy/__manifest__.py
+++ b/theme_buzzy/__manifest__.py
@@ -44,6 +44,7 @@
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_buzzy/static/src/img/photos/s_carousel_default_image_3.jpg b/theme_buzzy/static/src/img/photos/s_carousel_default_image_3.jpg
index 6508c699e..b621df66b 100644
Binary files a/theme_buzzy/static/src/img/photos/s_carousel_default_image_3.jpg and b/theme_buzzy/static/src/img/photos/s_carousel_default_image_3.jpg differ
diff --git a/theme_buzzy/views/snippets/s_carousel.xml b/theme_buzzy/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..9e6f323a4
--- /dev/null
+++ b/theme_buzzy/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_buzzy/views/snippets/s_image_gallery.xml b/theme_buzzy/views/snippets/s_image_gallery.xml
index 04ebb90ae..0eea2acd6 100644
--- a/theme_buzzy/views/snippets/s_image_gallery.xml
+++ b/theme_buzzy/views/snippets/s_image_gallery.xml
@@ -4,7 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_full_screen_height pt56 pb56 o_cc o_cc2 s_image_gallery_indicators_arrows_rounded" remove="pt24" separator=" "/>
+        <attribute name="class" add="o_full_screen_height pt56 pb56 o_cc o_cc2" remove="pt24 pb24" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_buzzy/views/snippets/s_quotes_carousel.xml b/theme_buzzy/views/snippets/s_quotes_carousel.xml
index 8d78fe2a2..63478aad4 100644
--- a/theme_buzzy/views/snippets/s_quotes_carousel.xml
+++ b/theme_buzzy/views/snippets/s_quotes_carousel.xml
@@ -4,11 +4,11 @@
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Carousel -->
     <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_rounded o_cc5" remove="s_carousel_default o_cc2" separator=" "/>
+        <attribute name="class" add="s_carousel_rounded o_cc5" remove="s_carousel_boxed o_cc2 carousel-dark" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
         <div class="o_we_shape o_web_editor_Rainy_10"/>
     </xpath>
     <!-- Carousel items - Remove background image -->
diff --git a/theme_clean/static/src/img/content/image_content_39.jpg b/theme_clean/static/src/img/content/image_content_39.jpg
new file mode 100644
index 000000000..fe368bd53
Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_39.jpg differ
diff --git a/theme_clean/views/image_content.xml b/theme_clean/views/image_content.xml
index 91c1ed103..c6bea6d43 100644
--- a/theme_clean/views/image_content.xml
+++ b/theme_clean/views/image_content.xml
@@ -142,11 +142,6 @@
     <field name="name">website.s_quotes_carousel_demo_image_2</field>
     <field name="url">/theme_clean/static/src/img/backgrounds/bg_snippet_11.jpg</field>
 </record>
-<record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
-    <field name="key">website.s_quotes_carousel_demo_image_3</field>
-    <field name="name">website.s_quotes_carousel_demo_image_3</field>
-    <field name="url">/theme_clean/static/src/img/backgrounds/s_quotes_carousel_demo_image_3.jpg</field>
-</record>
 <record id="s_newsletter_block" model="theme.ir.attachment">
     <field name="key">website.library_image_17</field>
     <field name="name">website.library_image_17</field>
@@ -192,5 +187,10 @@
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_clean/static/src/img/content/image_content_19.jpg</field>
 </record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_clean/static/src/img/content/image_content_39.jpg</field>
+</record>
 
 </odoo>
diff --git a/theme_clean/views/snippets/s_carousel.xml b/theme_clean/views/snippets/s_carousel.xml
index 1d4d70626..fa33c35f8 100644
--- a/theme_clean/views/snippets/s_carousel.xml
+++ b/theme_clean/views/snippets/s_carousel.xml
@@ -2,53 +2,40 @@
 <odoo>
 
 <template id="s_carousel" inherit_id="website.s_carousel">
-    <!-- Container -->
-    <xpath expr="//div[hasclass('carousel-inner')]" position="replace">
-        <div class="carousel-inner">
-            <!-- Slide 1 -->
-            <div class="carousel-item pt256 pb256 oe_img_bg active o_cc o_cc3" style="background-image: url('/web/image/website.s_carousel_default_image_1'); background-position: 50% 20%; position: relative;" data-name="Slide">
-                <!-- Filter -->
-                <div class="o_we_bg_filter bg-black-50"/>
-                <div class="container">
-                    <div class="row">
-                        <div class="carousel-content col-lg-5">
-                            <!-- Paragraph -->
-                            <h2>Personal adviser</h2>
-                            <p class="lead"><br/>At any moment, you may contact our advisor through the in-app video meeting system.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Slide 2 -->
-            <div class="carousel-item pt256 pb256 oe_img_bg o_cc o_cc3" style="background-image: url('/web/image/website.s_carousel_default_image_2'); position: relative;" data-name="Slide">
-                <!-- Filter -->
-                <div class="o_we_bg_filter bg-black-50"/>
-                <div class="container">
-                    <div class="row">
-                        <div class="carousel-content col-lg-12 text-center">
-                            <!-- Paragraph -->
-                            <h2>Simplify things</h2>
-                            <p class="lead"><br/>We invest in strategic advice tailored to your<br/>
-                            business problems and needs.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Slide 3 -->
-            <div class="carousel-item pt256 pb256 oe_img_bg o_cc o_cc3" style="background-image: url('/web/image/website.s_carousel_default_image_3'); position: relative; background-position: 50% 65%;" data-name="Slide">
-                <!-- Filter -->
-                <div class="o_we_bg_filter bg-black-50"/>
-                <div class="container">
-                    <div class="row">
-                        <div class="carousel-content col-lg-5 offset-lg-7">
-                            <!-- Paragraph -->
-                            <h2>Efficient team processes</h2>
-                            <p class="lead"><br/>We integrate digital tools and solutions for better insights, enabling data-driven planning.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+    <!-- Titles -->
+    <xpath expr="//h2" position="replace" mode="inner">
+        Personal adviser
+    </xpath>
+    <xpath expr="(//h2)[2]" position="replace" mode="inner">
+        Simplify things
+    </xpath>
+    <xpath expr="//h3" position="replace" mode="inner">
+        Efficient team processes
+    </xpath>
+    <xpath expr="//h6" position="replace"/>
+
+    <!-- Paragraphs -->
+    <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
+        At any moment, you may contact our advisor through the in-app video meeting system.
+    </xpath>
+    <xpath expr="(//p[hasclass('lead')])[2]" position="replace" mode="inner">
+        We invest in strategic advice tailored to your business problems and needs.
+    </xpath>
+    <xpath expr="(//p[hasclass('lead')])[3]" position="replace" mode="inner">
+        We integrate digital tools and solutions for better insights, enabling data-driven planning.
+    </xpath>
+
+    <!-- Filter -->
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+
+    <!-- Background -->
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="style" add="background-position: 50% 10%;" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_cobalt/views/customizations.xml b/theme_cobalt/views/customizations.xml
index ec6c803f6..2a32432e0 100644
--- a/theme_cobalt/views/customizations.xml
+++ b/theme_cobalt/views/customizations.xml
@@ -131,6 +131,13 @@
     </xpath>
 </template>
 
+<!-- ======== CAROUSEL ======== -->
+<template id="s_carousel" inherit_id="website.s_carousel" name="Cobalt s_carousel">
+    <xpath expr="(//div[hasclass('carousel-content')])[3]" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" separator=" "/>
+    </xpath>
+</template>
+
 <!-- ==== References ===== -->
 <template id="s_references" inherit_id="website.s_references" name="Cobalt s_references">
     <xpath expr="//section" position="attributes">
@@ -190,14 +197,6 @@
     </xpath>
 </template>
 
-<!-- ==== Images Gallery ===== -->
- <template id="s_image_gallery" inherit_id="website.s_image_gallery">
-    <!-- Section -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover" separator=" "/>
-    </xpath>
-</template>
-
 <!-- ==== Images Wall ===== -->
 <template id="s_images_wall" inherit_id="website.s_images_wall">
     <!-- Section -->
diff --git a/theme_enark/__manifest__.py b/theme_enark/__manifest__.py
index 25e95a72b..61ce2696c 100644
--- a/theme_enark/__manifest__.py
+++ b/theme_enark/__manifest__.py
@@ -23,6 +23,7 @@
         'views/snippets/s_image_gallery.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_enark/views/snippets/s_carousel.xml b/theme_enark/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..846fc288f
--- /dev/null
+++ b/theme_enark/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
+        <div class="o_we_bg_filter bg-white-25"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_enark/views/snippets/s_image_gallery.xml b/theme_enark/views/snippets/s_image_gallery.xml
index 30446f11f..1c8674226 100644
--- a/theme_enark/views/snippets/s_image_gallery.xml
+++ b/theme_enark/views/snippets/s_image_gallery.xml
@@ -4,11 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover s_image_gallery_indicators_arrows_boxed o_full_screen_height pt0 pb0" remove="pb24 pt24 s_image_gallery_indicators_rounded" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="o_full_screen_height pt0 pb0" remove="pb24 pt24" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_graphene/static/src/img/pictures/content_26.jpg b/theme_graphene/static/src/img/pictures/content_26.jpg
new file mode 100644
index 000000000..84dcd15f5
Binary files /dev/null and b/theme_graphene/static/src/img/pictures/content_26.jpg differ
diff --git a/theme_graphene/static/src/img/pictures/content_27.jpg b/theme_graphene/static/src/img/pictures/content_27.jpg
new file mode 100644
index 000000000..da170d901
Binary files /dev/null and b/theme_graphene/static/src/img/pictures/content_27.jpg differ
diff --git a/theme_graphene/views/customizations.xml b/theme_graphene/views/customizations.xml
index f47dbdef1..901fe0b8e 100644
--- a/theme_graphene/views/customizations.xml
+++ b/theme_graphene/views/customizations.xml
@@ -100,15 +100,27 @@
 
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Graphene s_carousel">
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_controllers_indicators_outside s_carousel_boxed carousel-dark" separator=" "/>
+    </xpath>
     <xpath expr="//div[hasclass('carousel-inner')]/div[1]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
         <attribute name="style" add="background-position: 50% 100%;" separator=";"/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="attributes">
         <attribute name="style" add="background-position: 50% 100%;" separator=";"/>
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
         <attribute name="style" add="background-position: 50% 100%;" separator=";"/>
     </xpath>
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-75" />
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-75" />
+    </xpath>
 </template>
 
 <!-- ======== COMPANY TEAM ======== -->
diff --git a/theme_graphene/views/images_library.xml b/theme_graphene/views/images_library.xml
index 529a63130..3c8b4ac38 100644
--- a/theme_graphene/views/images_library.xml
+++ b/theme_graphene/views/images_library.xml
@@ -345,4 +345,15 @@ Check in images.scss, primary_variables.scss, main.scss and theme_common's mixin
     <field name="url">/theme_graphene/static/src/img/pictures/content_06.jpg</field>
 </record>
 
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_graphene/static/src/img/pictures/content_26.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_graphene/static/src/img/pictures/content_27.jpg</field>
+</record>
+
 </odoo>
diff --git a/theme_kea/__manifest__.py b/theme_kea/__manifest__.py
index 988f9f482..c0cf2056e 100644
--- a/theme_kea/__manifest__.py
+++ b/theme_kea/__manifest__.py
@@ -27,6 +27,8 @@
         'views/snippets/s_unveil.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
+        'views/snippets/s_quotes_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_kea/views/snippets/s_carousel.xml b/theme_kea/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..61f69138c
--- /dev/null
+++ b/theme_kea/views/snippets/s_carousel.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_boxed carousel-dark" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_kea/views/snippets/s_quotes_carousel.xml b/theme_kea/views/snippets/s_quotes_carousel.xml
new file mode 100644
index 000000000..c50364f4f
--- /dev/null
+++ b/theme_kea/views/snippets/s_quotes_carousel.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_kiddo/__manifest__.py b/theme_kiddo/__manifest__.py
index 3751fc9c9..a2460a27b 100644
--- a/theme_kiddo/__manifest__.py
+++ b/theme_kiddo/__manifest__.py
@@ -26,6 +26,7 @@
         'views/snippets/s_numbers_showcase.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_kiddo/static/src/img/content/content_img_22.jpg b/theme_kiddo/static/src/img/content/content_img_22.jpg
index 28f8ac9b7..17d7e8feb 100644
Binary files a/theme_kiddo/static/src/img/content/content_img_22.jpg and b/theme_kiddo/static/src/img/content/content_img_22.jpg differ
diff --git a/theme_kiddo/views/snippets/s_carousel.xml b/theme_kiddo/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..eb94d284d
--- /dev/null
+++ b/theme_kiddo/views/snippets/s_carousel.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_loftspace/__manifest__.py b/theme_loftspace/__manifest__.py
index 44c3c5ddc..8343d98cf 100644
--- a/theme_loftspace/__manifest__.py
+++ b/theme_loftspace/__manifest__.py
@@ -28,6 +28,7 @@
         'views/snippets/s_product_catalog.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_loftspace/static/src/img/snippets/s_images_gallery_1.jpg b/theme_loftspace/static/src/img/snippets/s_images_gallery_1.jpg
new file mode 100644
index 000000000..98af0732e
Binary files /dev/null and b/theme_loftspace/static/src/img/snippets/s_images_gallery_1.jpg differ
diff --git a/theme_loftspace/static/src/img/snippets/s_images_gallery_2.jpg b/theme_loftspace/static/src/img/snippets/s_images_gallery_2.jpg
new file mode 100644
index 000000000..6c8541a79
Binary files /dev/null and b/theme_loftspace/static/src/img/snippets/s_images_gallery_2.jpg differ
diff --git a/theme_loftspace/views/images_content.xml b/theme_loftspace/views/images_content.xml
index c9986d924..d6772a113 100644
--- a/theme_loftspace/views/images_content.xml
+++ b/theme_loftspace/views/images_content.xml
@@ -260,5 +260,15 @@ Check in primary_variables.scss and theme.scss -->
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_loftspace/static/src/img/snippets/s_media_list_1.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_loftspace/static/src/img/snippets/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_loftspace/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
 
 </odoo>
diff --git a/theme_loftspace/views/snippets/s_carousel.xml b/theme_loftspace/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..fd57e7187
--- /dev/null
+++ b/theme_loftspace/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_loftspace/views/snippets/s_image_gallery.xml b/theme_loftspace/views/snippets/s_image_gallery.xml
index b0b2e4907..ff9fa02a7 100644
--- a/theme_loftspace/views/snippets/s_image_gallery.xml
+++ b/theme_loftspace/views/snippets/s_image_gallery.xml
@@ -2,13 +2,9 @@
 <odoo>
 
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
-    <!-- Section -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover" separator=" "/>
-    </xpath>
     <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+    <xpath expr="//div[hasclass('o_container_small')]" position="attributes">
+        <attribute name="class" add="container" remove="o_container_small" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_monglia/static/src/img/snippets/s_images_gallery_1.jpg b/theme_monglia/static/src/img/snippets/s_images_gallery_1.jpg
new file mode 100644
index 000000000..244aea4f2
Binary files /dev/null and b/theme_monglia/static/src/img/snippets/s_images_gallery_1.jpg differ
diff --git a/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg b/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg
new file mode 100644
index 000000000..feedcbfff
Binary files /dev/null and b/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg differ
diff --git a/theme_monglia/static/src/img/snippets/s_quotes_carousel_0.jpg b/theme_monglia/static/src/img/snippets/s_quotes_carousel_0.jpg
new file mode 100644
index 000000000..9a345e5f2
Binary files /dev/null and b/theme_monglia/static/src/img/snippets/s_quotes_carousel_0.jpg differ
diff --git a/theme_monglia/views/customizations.xml b/theme_monglia/views/customizations.xml
index 509999c41..cddb42aa7 100644
--- a/theme_monglia/views/customizations.xml
+++ b/theme_monglia/views/customizations.xml
@@ -159,6 +159,15 @@
     <xpath expr="//a" position="replace">
         <a href="/contactus" class="btn btn-primary">Discover</a>
     </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
 </template>
 
 <!-- ======== QUOTES ======== -->
diff --git a/theme_monglia/views/images_content.xml b/theme_monglia/views/images_content.xml
index 10cd5577b..c8d20c945 100644
--- a/theme_monglia/views/images_content.xml
+++ b/theme_monglia/views/images_content.xml
@@ -220,6 +220,11 @@ Check in primary_variables.scss, theme.scss and theme_common's mixins.scss -->
     <field name="name">website.s_product_catalog_default_image</field>
     <field name="url">/theme_monglia/static/src/img/snippets/s_product_catalog.jpg</field>
 </record>
+<record id="s_quotes_carousel_demo_image_0" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_0</field>
+    <field name="name">website.s_quotes_carousel_demo_image_0</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_quotes_carousel_0.jpg</field>
+</record>
 <record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
     <field name="key">website.s_quotes_carousel_demo_image_1</field>
     <field name="name">website.s_quotes_carousel_demo_image_1</field>
@@ -261,4 +266,20 @@ Check in primary_variables.scss, theme.scss and theme_common's mixins.scss -->
     <field name="url">/theme_monglia/static/src/img/snippets/s_media_list_1.jpg</field>
 </record>
 
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_monglia/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
+
 </odoo>
diff --git a/theme_nano/static/src/img/snippets/s_images_gallery_01.jpg b/theme_nano/static/src/img/snippets/s_images_gallery_01.jpg
new file mode 100644
index 000000000..2a4eebbca
Binary files /dev/null and b/theme_nano/static/src/img/snippets/s_images_gallery_01.jpg differ
diff --git a/theme_nano/static/src/img/snippets/s_images_gallery_02.jpg b/theme_nano/static/src/img/snippets/s_images_gallery_02.jpg
new file mode 100644
index 000000000..b1864c095
Binary files /dev/null and b/theme_nano/static/src/img/snippets/s_images_gallery_02.jpg differ
diff --git a/theme_nano/views/images_library.xml b/theme_nano/views/images_library.xml
index ea7ed5b48..e40777c7f 100644
--- a/theme_nano/views/images_library.xml
+++ b/theme_nano/views/images_library.xml
@@ -368,5 +368,15 @@
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_nano/static/src/img/snippets/s_cover.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_nano/static/src/img/snippets/s_images_gallery_01.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_nano/static/src/img/snippets/s_images_gallery_02.jpg</field>
+</record>
 
 </odoo>
diff --git a/theme_nano/views/snippets/s_carousel.xml b/theme_nano/views/snippets/s_carousel.xml
index c539e9e27..2a952589a 100644
--- a/theme_nano/views/snippets/s_carousel.xml
+++ b/theme_nano/views/snippets/s_carousel.xml
@@ -4,7 +4,7 @@
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Carousel -->
     <xpath expr="//*[hasclass('s_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_bordered carousel-fade bg-o-color-4" remove="s_carousel_default" separator=" "/>
+        <attribute name="class" add="carousel-fade bg-o-color-4" separator=" "/>
     </xpath>
     <!-- Slide #01 -->
     <xpath expr="//*[hasclass('carousel-content')][1]" position="attributes">
diff --git a/theme_notes/views/snippets/s_carousel.xml b/theme_notes/views/snippets/s_carousel.xml
index c61bf39af..c05ef3a4b 100644
--- a/theme_notes/views/snippets/s_carousel.xml
+++ b/theme_notes/views/snippets/s_carousel.xml
@@ -4,11 +4,11 @@
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Slide #1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
-        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pb152 pt152" separator=" "/>
+        <attribute name="class" add="pb224 pt224" remove="pb152 pt152" separator=" "/>
     </xpath>
     <xpath expr="//div[hasclass('carousel-content')]" position="replace">
         <div class="carousel-content col-lg-6">
-            <h2>Miraillet Festival</h2>
+            <h2 class="display-3-fs">Miraillet Festival</h2>
             <p class="lead">From the 12th to the 17th of August, come and enjoy the atmosphere at the Miraillet Festival. Discover the line up below.</p>
             <p><br/></p>
             <p><a href="/contactus" class="btn btn-primary btn-lg">More Info</a></p>
@@ -16,11 +16,14 @@
     </xpath>
     <!-- Slide #2 -->
     <xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
-        <attribute name="class" add="pb224 pt224 o_cc o_cc2" remove="pt96 pb96" separator=" "/>
+        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pt96 pb96" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
     <xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
         <div class="carousel-content col-lg-6">
-            <h2>6 Days Pass</h2>
+            <h2 class="display-3-fs">6 Days Pass</h2>
             <p class="lead">Tickets will be on sale soon. Do not miss our 6 Days Pass. Free camping!</p>
             <p><br/></p>
             <p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
@@ -28,11 +31,11 @@
     </xpath>
     <!-- Slide #3 -->
     <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
-        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pt128 pb128" separator=" "/>
+        <attribute name="class" add="pb224 pt224" remove="pt128 pb128" separator=" "/>
     </xpath>
     <xpath expr="(//div[hasclass('carousel-content')])[3]" position="replace">
         <div class="carousel-content col-lg-6">
-            <h2>Recent Editions</h2>
+            <h2 class="display-3-fs">Recent Editions</h2>
             <p class="lead">Discover what makes the reputation of the Miraillet festival through these after-movies.</p>
             <p><br/></p>
             <p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
diff --git a/theme_notes/views/snippets/s_image_gallery.xml b/theme_notes/views/snippets/s_image_gallery.xml
index be511f110..6faf74d9a 100644
--- a/theme_notes/views/snippets/s_image_gallery.xml
+++ b/theme_notes/views/snippets/s_image_gallery.xml
@@ -4,11 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover o_full_screen_height" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="s_image_gallery_indicators_arrows_boxed" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_notes/views/snippets/s_quotes_carousel.xml b/theme_notes/views/snippets/s_quotes_carousel.xml
index d5d117f74..315ca83c0 100644
--- a/theme_notes/views/snippets/s_quotes_carousel.xml
+++ b/theme_notes/views/snippets/s_quotes_carousel.xml
@@ -4,11 +4,14 @@
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 oe_img_bg o_bg_img_center" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+     <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" add="oe_img_bg o_bg_img_center" remove="carousel-dark" separator=" "/>
         <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_6'); background-position: 50% 65%;</attribute>
     </xpath>
     <!-- Filter -->
-    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="before">
+    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
         <div class="o_we_bg_filter bg-black-75"/>
     </xpath>
     <!-- Carousel -->
diff --git a/theme_odoo_experts/__manifest__.py b/theme_odoo_experts/__manifest__.py
index 01a63776d..3a7894ccc 100644
--- a/theme_odoo_experts/__manifest__.py
+++ b/theme_odoo_experts/__manifest__.py
@@ -33,6 +33,7 @@
         'views/snippets/s_title.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_odoo_experts/views/snippets/s_carousel.xml b/theme_odoo_experts/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..9e6f323a4
--- /dev/null
+++ b/theme_odoo_experts/views/snippets/s_carousel.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_odoo_experts/views/snippets/s_image_gallery.xml b/theme_odoo_experts/views/snippets/s_image_gallery.xml
index 972d51aff..55714d049 100644
--- a/theme_odoo_experts/views/snippets/s_image_gallery.xml
+++ b/theme_odoo_experts/views/snippets/s_image_gallery.xml
@@ -4,11 +4,7 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_cover o_full_screen_height" separator=" "/>
-    </xpath>
-    <!-- Container -->
-    <xpath expr="//div[hasclass('container')]" position="attributes">
-        <attribute name="class" add="container-fluid" remove="container" separator=" "/>
+        <attribute name="class" add="s_image_gallery_indicators_arrows_boxed" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_odoo_experts/views/snippets/s_quotes_carousel.xml b/theme_odoo_experts/views/snippets/s_quotes_carousel.xml
index bf262f0f5..1b7e22536 100644
--- a/theme_odoo_experts/views/snippets/s_quotes_carousel.xml
+++ b/theme_odoo_experts/views/snippets/s_quotes_carousel.xml
@@ -3,15 +3,15 @@
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
     <!-- Carousel item #1 - filter -->
-    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
+    <xpath expr="//div[hasclass('container')]" position="before">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
     <!-- Carousel item #2 - filter -->
-    <xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
     <!-- Carousel item #3 - filter -->
-    <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
         <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 </template>
diff --git a/theme_orchid/static/src/img/snippets/s_carousel_3.jpg b/theme_orchid/static/src/img/snippets/s_carousel_3.jpg
index b13b72ff7..cc2eb6f81 100644
Binary files a/theme_orchid/static/src/img/snippets/s_carousel_3.jpg and b/theme_orchid/static/src/img/snippets/s_carousel_3.jpg differ
diff --git a/theme_orchid/views/snippets/s_quotes_carousel.xml b/theme_orchid/views/snippets/s_quotes_carousel.xml
index b2f393577..7df86ecf9 100644
--- a/theme_orchid/views/snippets/s_quotes_carousel.xml
+++ b/theme_orchid/views/snippets/s_quotes_carousel.xml
@@ -52,7 +52,7 @@
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+    <xpath expr="//div[hasclass('carousel-indicators')]" position="before">
         <div class="o_we_shape o_web_editor_Wavy_22"/>
     </xpath>
 </template>
diff --git a/theme_paptic/static/src/img/pictures/s_images_gallery_1.jpg b/theme_paptic/static/src/img/pictures/s_images_gallery_1.jpg
new file mode 100644
index 000000000..680d9d360
Binary files /dev/null and b/theme_paptic/static/src/img/pictures/s_images_gallery_1.jpg differ
diff --git a/theme_paptic/static/src/img/pictures/s_images_gallery_2.jpg b/theme_paptic/static/src/img/pictures/s_images_gallery_2.jpg
new file mode 100644
index 000000000..c00584553
Binary files /dev/null and b/theme_paptic/static/src/img/pictures/s_images_gallery_2.jpg differ
diff --git a/theme_paptic/static/src/img/pictures/s_images_gallery_3.jpg b/theme_paptic/static/src/img/pictures/s_images_gallery_3.jpg
new file mode 100644
index 000000000..1824a1351
Binary files /dev/null and b/theme_paptic/static/src/img/pictures/s_images_gallery_3.jpg differ
diff --git a/theme_paptic/views/customizations.xml b/theme_paptic/views/customizations.xml
index d4336617c..845a7596b 100644
--- a/theme_paptic/views/customizations.xml
+++ b/theme_paptic/views/customizations.xml
@@ -180,15 +180,17 @@
 
 <!-- ======== CAROUSEL ======== -->
  <template id="s_carousel" inherit_id="website.s_carousel" name="Paptic s_carousel">
-    <!-- Assign slide2 as 'active' and move it in first position -->
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
-        <attribute name="class" remove="active" separator=" "/>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="attributes">
-        <attribute name="class" add="active" separator=" "/>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
-        <xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="move"/>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-75"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-white-75"/>
     </xpath>
 </template>
 
diff --git a/theme_paptic/views/images.xml b/theme_paptic/views/images.xml
index 1178af20f..aaeb47458 100644
--- a/theme_paptic/views/images.xml
+++ b/theme_paptic/views/images.xml
@@ -190,4 +190,21 @@
     <field name="url">/theme_paptic/static/src/img/pictures/s_picture.jpg</field>
 </record>
 
+<!-- Images Gallery -->
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_paptic/static/src/img/pictures/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_paptic/static/src/img/pictures/s_images_gallery_2.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_paptic/static/src/img/pictures/s_images_gallery_3.jpg</field>
+</record>
+
 </odoo>
diff --git a/theme_real_estate/__manifest__.py b/theme_real_estate/__manifest__.py
index a6fac7d0f..a6dac5e57 100644
--- a/theme_real_estate/__manifest__.py
+++ b/theme_real_estate/__manifest__.py
@@ -26,6 +26,7 @@
         'views/snippets/s_call_to_action.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_carousel.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_real_estate/static/src/img/snippets/s_images_gallery_1.jpg b/theme_real_estate/static/src/img/snippets/s_images_gallery_1.jpg
new file mode 100644
index 000000000..c69315ef0
Binary files /dev/null and b/theme_real_estate/static/src/img/snippets/s_images_gallery_1.jpg differ
diff --git a/theme_real_estate/static/src/img/snippets/s_images_gallery_2.jpg b/theme_real_estate/static/src/img/snippets/s_images_gallery_2.jpg
new file mode 100644
index 000000000..14df3e1e0
Binary files /dev/null and b/theme_real_estate/static/src/img/snippets/s_images_gallery_2.jpg differ
diff --git a/theme_real_estate/views/images.xml b/theme_real_estate/views/images.xml
index 6bf9083bd..74d1de951 100644
--- a/theme_real_estate/views/images.xml
+++ b/theme_real_estate/views/images.xml
@@ -216,5 +216,15 @@ Check in theme_monglia's primary_variables.scss, theme.scss and theme_common's m
     <field name="name">website.s_accordion_image_default_image</field>
     <field name="url">/theme_real_estate/static/src/img/snippets/s_images_wall_05.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_real_estate/static/src/img/snippets/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_real_estate/static/src/img/snippets/s_images_gallery_2.jpg</field>
+</record>
 
 </odoo>
diff --git a/theme_real_estate/views/snippets/s_carousel.xml b/theme_real_estate/views/snippets/s_carousel.xml
new file mode 100644
index 000000000..eb94d284d
--- /dev/null
+++ b/theme_real_estate/views/snippets/s_carousel.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_treehouse/views/snippets/s_carousel.xml b/theme_treehouse/views/snippets/s_carousel.xml
index 9d00b69c3..235fe88a9 100644
--- a/theme_treehouse/views/snippets/s_carousel.xml
+++ b/theme_treehouse/views/snippets/s_carousel.xml
@@ -4,7 +4,13 @@
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Carousel -->
     <xpath expr="//div[hasclass('s_carousel')]" position="attributes">
-        <attribute name="class" add="s_carousel_rounded" remove="s_carousel_default" separator=" "/>
+        <attribute name="class" add="s_carousel_boxed" remove="s_carousel_default" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-white-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
     </xpath>
 </template>
 
diff --git a/theme_vehicle/static/src/img/snippets/s_quotes_carousel_0.jpg b/theme_vehicle/static/src/img/snippets/s_quotes_carousel_0.jpg
new file mode 100644
index 000000000..2240df816
Binary files /dev/null and b/theme_vehicle/static/src/img/snippets/s_quotes_carousel_0.jpg differ
diff --git a/theme_vehicle/views/customizations.xml b/theme_vehicle/views/customizations.xml
index e5bd69270..69e1b3073 100644
--- a/theme_vehicle/views/customizations.xml
+++ b/theme_vehicle/views/customizations.xml
@@ -410,4 +410,18 @@
     </xpath>
 </template>
 
+<!-- ======== CAROUSEL ======== -->
+<template id="s_carousel" inherit_id="website.s_carousel">
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
+        <div class="o_we_bg_filter bg-black-50"/>
+    </xpath>
+</template>
+
+
 </odoo>
diff --git a/theme_vehicle/views/images.xml b/theme_vehicle/views/images.xml
index 8cb6eed4b..7caa6a484 100644
--- a/theme_vehicle/views/images.xml
+++ b/theme_vehicle/views/images.xml
@@ -210,6 +210,11 @@ Check in theme_monglia's primary_variables.scss, theme.scss and theme_common's m
     <field name="name">website.s_quotes_carousel_demo_image_2</field>
     <field name="url">/theme_vehicle/static/src/img/snippets/s_quotes_carousel_2.jpg</field>
 </record>
+<record id="s_quotes_carousel_demo_image_0" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_0</field>
+    <field name="name">website.s_quotes_carousel_demo_image_0</field>
+    <field name="url">/theme_vehicle/static/src/img/snippets/s_quotes_carousel_0.jpg</field>
+</record>
 <record id="s_newsletter_block" model="theme.ir.attachment">
     <field name="key">website.library_image_17</field>
     <field name="name">website.library_image_17</field>
diff --git a/theme_yes/views/snippets/s_carousel.xml b/theme_yes/views/snippets/s_carousel.xml
index e6d10225b..bcbdba2bd 100644
--- a/theme_yes/views/snippets/s_carousel.xml
+++ b/theme_yes/views/snippets/s_carousel.xml
@@ -3,29 +3,15 @@
 
 <template id="s_carousel" inherit_id="website.s_carousel">
     <!-- Slide 1 -->
-    <xpath expr="(//*[hasclass('container')])" position="before">
+    <xpath expr="(//*[hasclass('o_we_bg_filter')])" position="replace">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
-    <xpath expr="//div[hasclass('carousel-content')]" position="replace">
-        <div class="jumbotron o_cc o_cc1 p-5 carousel-content col-lg-8 offset-lg-2 text-center rounded">
-            <h2>Let us plan your perfect day</h2>
-            <p class="lead">We are focused on providing high-quality service and customer satisfaction.</p>
-            <a href="/contactus" class="btn btn-primary">Get in touch</a>
-        </div>
-    </xpath>
     <!-- Slide 2 -->
     <xpath expr="(//*[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
     <xpath expr="//*[hasclass('carousel-item')][2]" position="attributes">
-        <attribute name="class" add="pt152 pb152" remove="pt96 pb96" separator=" "/>
-    </xpath>
-    <xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
-        <div class="jumbotron o_cc o_cc3 p-5 carousel-content col-lg-8 offset-lg-2 text-center rounded">
-            <h2>View our blog for inspiration</h2>
-            <p class="lead">Get inspired with the latest trends and advice from our wedding experts.</p>
-            <a href="#" class="btn btn-primary">See the blog</a>
-        </div>
+        <attribute name="class" add="o_cc o_cc5 pt152 pb152" remove="pt96 pb96" separator=" "/>
     </xpath>
     <!-- Slide 3 -->
     <xpath expr="(//*[hasclass('container')])[3]" position="before">
@@ -34,13 +20,6 @@
     <xpath expr="//*[hasclass('carousel-item')][3]" position="attributes">
         <attribute name="class" add="pt152 pb152" remove="pt128 pb128" separator=" "/>
     </xpath>
-    <xpath expr="(//*[hasclass('carousel-content')])[3]" position="replace">
-        <div class="jumbotron o_cc o_cc4 p-5 carousel-content col-lg-8 offset-lg-2 text-center rounded">
-            <h2>Check out our gallery</h2>
-            <p class="lead">Take a look at some of our favourite weddings.</p>
-            <a href="#" class="btn btn-primary">View our work</a>
-        </div>
-    </xpath>
 </template>
 
 </odoo>
diff --git a/theme_yes/views/snippets/s_image_gallery.xml b/theme_yes/views/snippets/s_image_gallery.xml
index a43091417..5f34a602f 100644
--- a/theme_yes/views/snippets/s_image_gallery.xml
+++ b/theme_yes/views/snippets/s_image_gallery.xml
@@ -4,17 +4,12 @@
 <template id="s_image_gallery" inherit_id="website.s_image_gallery">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="s_image_gallery_indicators_dots" remove="s_image_gallery_indicators_rounded" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12", "flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//*[hasclass('container')]" position="before">
+    <xpath expr="//*[hasclass('o_container_small')]" position="before">
         <div class="o_we_shape o_web_editor_Floats_12"/>
     </xpath>
-    <!-- Container -->
-    <xpath expr="//*[hasclass('container')]" position="attributes">
-        <attribute name="class" add="o_container_small" remove="container" separator=" "/>
-    </xpath>
 </template>
 
 </odoo>
diff --git a/theme_yes/views/snippets/s_quotes_carousel.xml b/theme_yes/views/snippets/s_quotes_carousel.xml
index c581be9ed..b15dfac37 100644
--- a/theme_yes/views/snippets/s_quotes_carousel.xml
+++ b/theme_yes/views/snippets/s_quotes_carousel.xml
@@ -2,6 +2,9 @@
 <odoo>
 
 <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <xpath expr="//div[hasclass('carousel')]" position="attributes">
+        <attribute name="class" remove="carousel-dark" separator=" "/>
+    </xpath>
     <!-- Quote 1 -->
     <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
         <attribute name="style" add="background-image: url('/web/image/website.s_quotes_carousel_demo_image_0'); background-position: 50% 25%;" separator="; "/>
@@ -22,7 +25,7 @@
     <xpath expr="(//*[hasclass('carousel-item')])[2]" position="attributes">
         <attribute name="style" add="background-position: 50% 25%;" remove="background-position: 50% 50%;" separator="; "/>
     </xpath>
-    <xpath expr="(//*[hasclass('container')])[2]" position="before">
+    <xpath expr="(//div[hasclass('container')])[2]" position="before">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
     <xpath expr="(//div[hasclass('s_blockquote_author')])[2]//strong" position="replace" mode="inner">
@@ -35,7 +38,7 @@
     <xpath expr="(//*[hasclass('carousel-item')])[3]" position="attributes">
         <attribute name="style" add="background-position: 50% 20%;" remove="background-position: 50% 50%;" separator="; "/>
     </xpath>
-    <xpath expr="(//*[hasclass('container')])[3]" position="before">
+    <xpath expr="(//div[hasclass('container')])[3]" position="before">
         <div class="o_we_bg_filter" style="background-color: rgba(25, 41, 37, 0.55) !important;"/>
     </xpath>
     <xpath expr="(//p[hasclass('s_blockquote_quote')])[3]" position="replace" mode="inner">
diff --git a/theme_zap/static/src/img/backgrounds/s_images_gallery_1.jpg b/theme_zap/static/src/img/backgrounds/s_images_gallery_1.jpg
new file mode 100644
index 000000000..1be20e7cd
Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/s_images_gallery_1.jpg differ
diff --git a/theme_zap/static/src/img/backgrounds/s_images_gallery_2.jpg b/theme_zap/static/src/img/backgrounds/s_images_gallery_2.jpg
new file mode 100644
index 000000000..524d07be0
Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/s_images_gallery_2.jpg differ
diff --git a/theme_zap/views/images_library.xml b/theme_zap/views/images_library.xml
index 3424de4f4..4f356eae7 100644
--- a/theme_zap/views/images_library.xml
+++ b/theme_zap/views/images_library.xml
@@ -265,6 +265,16 @@
     <field name="name">website.library_image_08</field>
     <field name="url">/theme_zap/static/src/img/backgrounds/01.jpg</field>
 </record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_zap/static/src/img/backgrounds/s_images_gallery_1.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_zap/static/src/img/backgrounds/s_images_gallery_2.jpg</field>
+</record>
 
 <!-- Accordion Image -->
 <record id="s_accordion_image_default_image" model="theme.ir.attachment">