diff --git a/test_themes/tests/test_new_page_templates.py b/test_themes/tests/test_new_page_templates.py
index 2027262559..8fae632f21 100644
--- a/test_themes/tests/test_new_page_templates.py
+++ b/test_themes/tests/test_new_page_templates.py
@@ -91,7 +91,7 @@
         's_product_catalog_dish_name', 's_product_catalog_dish_dot_leaders',
         's_progress_bar_label_hidden', 's_progress_bar_label_inline',
         's_table_of_content_vertical_navbar', 's_table_of_content_navbar_sticky', 's_table_of_content_navbar_wrap',
-        's_timeline_card',
+        's_timeline_card', 's_timeline_images_card',
         's_website_form_custom', 's_website_form_dnone', 's_website_form_field', 's_website_form_input', 's_website_form_mark', 's_website_form_submit', 's_website_form_no_submit_label',
         's_donation_btn', 's_donation_custom_btn',
     ],
diff --git a/theme_anelusia/__manifest__.py b/theme_anelusia/__manifest__.py
index b707be2e75..d5b0ac897f 100644
--- a/theme_anelusia/__manifest__.py
+++ b/theme_anelusia/__manifest__.py
@@ -52,6 +52,7 @@
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_pricelist_boxed.xml',
         'views/snippets/s_striped_center_top.xml',
+        'views/snippets/s_timeline_images.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
         'views/snippets/s_image_frame.xml',
diff --git a/theme_anelusia/views/snippets/s_timeline_images.xml b/theme_anelusia/views/snippets/s_timeline_images.xml
new file mode 100644
index 0000000000..360a4491c2
--- /dev/null
+++ b/theme_anelusia/views/snippets/s_timeline_images.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_timeline_images" inherit_id="website.s_timeline_images">
+    <!-- Title -->
+    <xpath expr="//h2" position="replace" mode="inner">
+        <font style="background-image: linear-gradient(135deg, var(--o-color-1) 0%, var(--o-color-2) 100%);" class="text-gradient">Our journey</font>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/__manifest__.py b/theme_artists/__manifest__.py
index 59aa5d387c..f05296b907 100644
--- a/theme_artists/__manifest__.py
+++ b/theme_artists/__manifest__.py
@@ -94,6 +94,7 @@
         'views/snippets/s_table_of_content.xml',
         'views/snippets/s_tabs.xml',
         'views/snippets/s_timeline.xml',
+        'views/snippets/s_timeline_images.xml',
         'views/snippets/s_timeline_list.xml',
         'views/snippets/s_title_form.xml',
         'views/snippets/s_unveil.xml',
diff --git a/theme_artists/views/snippets/s_timeline_images.xml b/theme_artists/views/snippets/s_timeline_images.xml
new file mode 100644
index 0000000000..819bfd0eba
--- /dev/null
+++ b/theme_artists/views/snippets/s_timeline_images.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_timeline_images" inherit_id="website.s_timeline_images">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <!-- Milestone #1-->
+    <xpath expr="//div[hasclass('s_timeline_images_card')]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//img" position="attributes">
+        <attribute name="class" remove="rounded" separator=" "/>
+    </xpath>
+    <xpath expr="//span[hasclass('o_dot')]" position="attributes">
+        <attribute name="class" add="text-o-color-4" remove="text-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_dot_line')]" position="attributes">
+        <attribute name="style">border-color: var(--o-color-1) !important;</attribute>
+    </xpath>
+    <!-- Milestone #2 -->
+    <xpath expr="(//div[hasclass('s_timeline_images_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//img)[2]" position="attributes">
+        <attribute name="class" remove="rounded" separator=" "/>
+    </xpath>
+    <xpath expr="(//span[hasclass('o_dot')])[2]" position="attributes">
+        <attribute name="class" add="text-o-color-4" remove="text-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('o_dot_line')])[2]" position="attributes">
+        <attribute name="style">border-color: var(--o-color-1) !important;</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bistro/views/images_library.xml b/theme_bistro/views/images_library.xml
index 29d0634dd4..560179b47e 100644
--- a/theme_bistro/views/images_library.xml
+++ b/theme_bistro/views/images_library.xml
@@ -591,4 +591,15 @@
     <field name="url">/theme_bistro/static/src/img/backgrounds/17.jpg</field>
 </record>
 
+<!-- Timeline Images -->
+<record id="s_timeline_images_default_image_1" model="theme.ir.attachment">
+    <field name="key">website.s_timeline_images_default_image_1</field>
+    <field name="name">website.s_timeline_images_default_image_1</field>
+    <field name="url">/theme_bistro/static/src/img/backgrounds/14.jpg</field>
+</record>
+<record id="s_timeline_images_default_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_timeline_images_default_image_2</field>
+    <field name="name">website.s_timeline_images_default_image_2</field>
+    <field name="url">/theme_bistro/static/src/img/backgrounds/15.jpg</field>
+</record>
 </odoo>
diff --git a/theme_buzzy/__manifest__.py b/theme_buzzy/__manifest__.py
index c171f28b02..349336c3d6 100644
--- a/theme_buzzy/__manifest__.py
+++ b/theme_buzzy/__manifest__.py
@@ -58,6 +58,7 @@
         'views/snippets/s_image_hexagonal.xml',
         'views/snippets/s_image_punchy.xml',
         'views/snippets/s_striped_center_top.xml',
+        'views/snippets/s_timeline_images.xml',
         'views/snippets/s_image_title.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
diff --git a/theme_buzzy/views/snippets/s_timeline_images.xml b/theme_buzzy/views/snippets/s_timeline_images.xml
new file mode 100644
index 0000000000..3255d4c03b
--- /dev/null
+++ b/theme_buzzy/views/snippets/s_timeline_images.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_timeline_images" inherit_id="website.s_timeline_images">
+   <!-- Milestone #1-->
+   <xpath expr="//span[hasclass('o_dot')]" position="attributes">
+      <attribute name="class" add="text-o-color-2" remove="text-o-color-1" separator=" "/>
+   </xpath>
+   <!-- Milestone #2 -->
+   <xpath expr="(//span[hasclass('o_dot')])[2]" position="attributes">
+      <attribute name="class" add="text-o-color-2" remove="text-o-color-1" separator=" "/>
+   </xpath>
+</template>
+
+</odoo>
diff --git a/theme_nano/__manifest__.py b/theme_nano/__manifest__.py
index 5dfeb77392..ec130e288a 100644
--- a/theme_nano/__manifest__.py
+++ b/theme_nano/__manifest__.py
@@ -41,6 +41,7 @@
         'views/snippets/s_image_frame.xml',
         'views/snippets/s_shape_image.xml',
         'views/snippets/s_text_cover.xml',
+        'views/snippets/s_timeline_images.xml',
         'views/snippets/s_empowerment.xml',
         'views/snippets/s_discovery.xml',
         'views/snippets/s_numbers.xml',
diff --git a/theme_nano/views/snippets/s_timeline_images.xml b/theme_nano/views/snippets/s_timeline_images.xml
new file mode 100644
index 0000000000..e09f8cb096
--- /dev/null
+++ b/theme_nano/views/snippets/s_timeline_images.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_timeline_images" inherit_id="website.s_timeline_images">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <!-- Milestone #1-->
+    <xpath expr="//div[hasclass('s_timeline_images_card')]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="//span[hasclass('o_dot')]" position="attributes">
+        <attribute name="class" add="text-o-color-4" remove="text-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_dot_line')]" position="attributes">
+        <attribute name="style">border-color: var(--o-color-1) !important;</attribute>
+    </xpath>
+    <!-- Milestone #2 -->
+    <xpath expr="(//div[hasclass('s_timeline_images_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//span[hasclass('o_dot')])[2]" position="attributes">
+        <attribute name="class" add="text-o-color-4" remove="text-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('o_dot_line')])[2]" position="attributes">
+        <attribute name="style">border-color: var(--o-color-1) !important;</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_yes/views/images.xml b/theme_yes/views/images.xml
index dae973e779..6bbbc8e574 100644
--- a/theme_yes/views/images.xml
+++ b/theme_yes/views/images.xml
@@ -483,4 +483,16 @@ Check in theme_kea's primary_variables.scss, theme.scss and theme_common's mixin
     <field name="url">/theme_yes/static/src/img/snippets/s_empowerment_default_image.jpg</field>
 </record>
 
+<!-- // Timeline Images // -->
+<record id="s_timeline_images_default_image_1" model="theme.ir.attachment">
+    <field name="key">website.s_timeline_images_default_image_1</field>
+    <field name="name">website.s_timeline_images_default_image_1</field>
+    <field name="url">/theme_yes/static/src/img/snippets/s_pricelist_boxed_default_background.jpg</field>
+</record>
+<record id="s_timeline_images_default_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_timeline_images_default_image_2</field>
+    <field name="name">website.s_timeline_images_default_image_2</field>
+    <field name="url">/theme_yes/static/src/img/snippets/s_kickoff_default_image.jpg</field>
+</record>
+
 </odoo>