diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
index b1437bfd90ffc4f078ed999bd6cfcc5fad51cef4..836c4de0d5b63afba0f1a0a179e5dd1013858059 100644
--- a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
@@ -1,6 +1,12 @@
 <div class="__js-root">
   <div class="header-carousel">
-    <div class="block h-[700px] xl:h-screen relative group cursor-pointer">
+    <div
+      class="
+        {% block wrapper_classes %}
+          block h-[700px] xl:h-screen relative group cursor-pointer
+        {% endblock %}
+      "
+    >
       <video
         class="
           header-carousel--image
@@ -35,7 +41,14 @@
         {% endif %}
       </video>
 
-      <div class="header-carousel--text-wrapper" style="box-sizing: border-box">
+      <div
+        class="
+          {% block text_wrapper_class %}
+            header-carousel--text-wrapper
+          {% endblock %}
+        "
+        style="box-sizing: border-box"
+      >
         <div class="container--wide px-0 h-full flex flex-col justify-end items-start" style="box-sizing: border-box">
 
           <h1 class="mb-4 px-5 flex flex-col text-black block lg:hidden">
diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
index 23316967df343f67cad5f0bdc8a90325394b61ae..677ad30a9d0bfc050f7a731d7eae16ab3c04e7c9 100644
--- a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
@@ -1 +1,11 @@
 {% extends 'patterns/molecules/menus/carousel.html' %}
+
+{% block wrapper_classes %}
+  block h-[700px] xl:h-[550px] relative group cursor-pointer
+{% endblock %}
+
+{% block text_wrapper_class %}
+  header-carousel--text-wrapper
+
+  !bottom-[22%]
+{% endblock %}