update tags, remove unnecessary css classes

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

@@ -51,7 +51,7 @@
         "
         style="box-sizing: border-box"
       >
-        <div
+        <h1
           class="
             {% block text_inner_wrapper_classes %}
               container--wide px-0 h-full flex flex-col justify-end items-start
@@ -60,21 +60,21 @@
           style="box-sizing: border-box"
         >
 
-          <h1 class="mb-4 px-5 flex flex-col text-black block lg:hidden">
+          <div class="mb-4 px-5 flex flex-col text-black lg:hidden">
             <div>{{ mobile_label_first }}</div>
             <div>{{ mobile_label_second }}</div>
             <div>{{ mobile_label_third }}</div>
-          </h1>
+          </div>
 
-          <h1 class="mb-4 px-5 flex flex-col text-black hidden lg:block">
+          <div class="mb-4 px-5 flex-col text-black hidden lg:flex">
             <div>{{ desktop_label_first }}</div>
             <div>{{ desktop_label_second }}</div>
-          </h1>
+          </div>
 
           <div class="ml-4 text-lg group">
             {% include "patterns/atoms/buttons/round_button.html" with button_text=button_text %}
           </div>
-        </div>
+        </h1>
       </div>
     </div>
   </div>