diff --git a/main/static/main/images/background-images/bg-flag-mobile.gif b/main/static/main/images/background-images/bg-flag-mobile.gif
new file mode 100644
index 0000000000000000000000000000000000000000..304a5a8478d4650eaddedc666556bfc568b04328
Binary files /dev/null and b/main/static/main/images/background-images/bg-flag-mobile.gif differ
diff --git a/main/templates/main/includes/molecules/menus/carousel.html b/main/templates/main/includes/molecules/menus/carousel.html
index 7abcdc59a13b245e2bd91eede67028dd2786e953..09b44e44c2cfd75aacbca56d3af0ff49149b64de 100644
--- a/main/templates/main/includes/molecules/menus/carousel.html
+++ b/main/templates/main/includes/molecules/menus/carousel.html
@@ -4,7 +4,19 @@
   <div class="header-carousel">
     <div class="h-[700px] xl:h-screen relative">
       <img
-        class="header-carousel--image"
+        class="
+          header-carousel--image
+          lg:hidden
+        "
+        src="{% static 'main/images/background-images/bg-flag-mobile.gif' %}"
+        draggable="false"
+      >
+
+      <img
+        class="
+          header-carousel--image
+          hidden lg:block
+        "
         src="{% static 'main/images/background-images/bg-flag.webp' %}"
         draggable="false"
       >
diff --git a/main/templates/main/includes/organisms/articles/main_articles_timeline.html b/main/templates/main/includes/organisms/articles/main_articles_timeline.html
index a0567716f17bfd8415a423c3db857859b464a745..f92bc247df6c2ef8751ffa1a510417e872a778bf 100644
--- a/main/templates/main/includes/organisms/articles/main_articles_timeline.html
+++ b/main/templates/main/includes/organisms/articles/main_articles_timeline.html
@@ -1,6 +1,9 @@
 <div class="flex justify-center">
   <div class="container--wide w-full">
-    <div class="flex flex-col gap-8 mb-8" id="showMoreTimelineResultsWrapper">
+    <div
+      class="flex flex-col gap-8 mb-16"
+      id="showMoreTimelineResultsWrapper"
+    >
       {% include 'main/includes/organisms/articles/articles_timeline_list.html' with article_timeline_list=article_timeline_list %}
     </div>
 
diff --git a/main/templates/main/includes/organisms/header/people_header.html b/main/templates/main/includes/organisms/header/people_header.html
index d7b490caa377861bfda87b399d0d6ffaa599bbe1..a8b7c8428e71afc6a16e69b747f94d28fe87921a 100644
--- a/main/templates/main/includes/organisms/header/people_header.html
+++ b/main/templates/main/includes/organisms/header/people_header.html
@@ -1,6 +1,10 @@
 {% extends 'main/includes/organisms/header/simple_header_with_ui_switch.html' %}
 
-{% block classes %}xl:pt-32 xl:pb-16{% endblock %}
+{% block classes %}
+  bg-black flex items-center w-full mb-20 pt-28 pb-8
+
+  xl:pt-32 xl:pb-16
+{% endblock %}
 
 {% block description %}
    <div
diff --git a/main/templates/main/includes/organisms/header/simple_header.html b/main/templates/main/includes/organisms/header/simple_header.html
index 08b7b77cce0160a87fec39cc7cbac0128d0f523f..008718d3573df7ca833c338ae607474fb639839f 100644
--- a/main/templates/main/includes/organisms/header/simple_header.html
+++ b/main/templates/main/includes/organisms/header/simple_header.html
@@ -1,10 +1,10 @@
 <header
   class="
-    bg-black flex items-center w-full mb-20 pt-28 pb-8
+    {% block classes %}
+      bg-black flex items-center w-full mb-20 pt-28 pb-8
 
-    xl:pt-48 xl:pb-24
-
-    {% block classes %}{% endblock %}
+      xl:pt-48 xl:pb-24
+    {% endblock %}
   "
 >
   <div class="flex justify-start w-full">