better text alignment

majak_uistyleguide/templates/patterns/molecules/menus/carousel.html

@@ -3,8 +3,10 @@
     <div
       class="
         {% block wrapper_classes %}
-          block h-[700px] xl:h-screen relative group cursor-pointer
+          block h-[700px] xl:h-screen relative
         {% endblock %}
+
+        group cursor-pointer
       "
     >
       <video
@@ -49,7 +51,14 @@
         "
         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">
+        <div
+          class="
+            {% block text_inner_wrapper_classes %}
+              container--wide px-0 h-full flex flex-col justify-end items-start
+            {% endblock %}
+          "
+          style="box-sizing: border-box"
+        >
 
           <h1 class="mb-4 px-5 flex flex-col text-black block lg:hidden">
             <div>{{ mobile_label_first }}</div>

majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html

 {% extends 'patterns/molecules/menus/carousel.html' %}
 
 {% block wrapper_classes %}
-  block h-[700px] xl:h-[550px] relative group cursor-pointer
+  block h-[600px] xl:h-[620px] relative group cursor-pointer
 {% endblock %}
 
 {% block text_wrapper_class %}
   header-carousel--text-wrapper
 
-  !bottom-[22%]
+  !bottom-[0] !h-full
+{% endblock %}
+
+{% block text_inner_wrapper_classes %}
+  container--wide px-0 h-full flex flex-col justify-end items-start
+
+  py-[200px] flex flex-col justify-center
+
+  xl:pb-[110px]
 {% endblock %}