fix <h> tags

majak_uistyleguide/templates/patterns/atoms/images/images.html

+<div class="w-full mx-auto my-6 object-contain h-max lg:h-max lg:w-auto">
+  <img src="/static/ivan1.png">
+</div>
+
+<div class="float-left mr-4 mb-6 max-w-[400px] mt-0 sm:max-w-full object-contain">
+  <img src="/static/ivan1.png">
+</div>
+
+<div class="float-left mr-4 mb-6 mt-0 object-contain">
+  <img src="/static/ivan1.png">
+</div>
+
+<div class="float-right ml-4 mb-6 max-w-[400px] mt-0 sm:max-w-full object-contain">
+  <img src="/static/ivan1.png">
+</div>
+
+<div class="float-right ml-4 mb-6 mt-0 object-contain">
+  <img src="/static/ivan1.png">
+</div>
\ No newline at end of file

majak_uistyleguide/templates/patterns/atoms/text/colors.html

-{% for color in color_classes %}
-  <div class="{{ color }}">
-    {% include "patterns/atoms/text/paragraph.html" %}
+<div
+  class="
+    bg-black text-white
+    [&_p]:!text-white
+    [&_h1]:!text-white
+    [&_h2]:!text-white
+    [&_h3]:!text-white
+    [&_h4]:!text-white
+    [&_h5]:!text-white
+    [&_h6]:!text-white
+  "
+>
+  {% include "patterns/atoms/text/paragraph.html" %}
+</div>
+
+<div
+  class="
+    bg-pirati-yellow text-black
+    [&_p]:!text-black
+    [&_h1]:!text-black
+    [&_h2]:!text-black
+    [&_h3]:!text-black
+    [&_h4]:!text-black
+    [&_h5]:!text-black
+    [&_h6]:!text-black
+  "
+>
+  {% include "patterns/atoms/text/paragraph.html" %}
+</div>
+
+<div
+  class="
+    bg-white text-black
+    [&_p]:!text-black
+    [&_h1]:!text-black
+    [&_h2]:!text-black
+    [&_h3]:!text-black
+    [&_h4]:!text-black
+    [&_h5]:!text-black
+    [&_h6]:!text-black
+  "
+>
+  {% include "patterns/atoms/text/paragraph.html" %}
+</div>
+
+<div
+  class="
+    bg-black text-white
+    [&_p]:!text-white
+    [&_h1]:!text-white
+    [&_h2]:!text-white
+    [&_h3]:!text-white
+    [&_h4]:!text-white
+    [&_h5]:!text-white
+    [&_h6]:!text-white
+  "
+>
+  <div class="prose">
+    {% include "patterns/atoms/text/headings.html" %}
   </div>
-{% endfor %}
\ No newline at end of file
+</div>
+
+<div
+  class="
+    bg-pirati-yellow text-black
+    [&_p]:!text-black
+    [&_h1]:!text-black
+    [&_h2]:!text-black
+    [&_h3]:!text-black
+    [&_h4]:!text-black
+    [&_h5]:!text-black
+    [&_h6]:!text-black
+  "
+>
+  <div class="prose">
+    {% include "patterns/atoms/text/headings.html" %}
+  </div>
+</div>
+
+<div
+  class="
+    bg-white text-black
+    [&_p]:!text-black
+    [&_h1]:!text-black
+    [&_h2]:!text-black
+    [&_h3]:!text-black
+    [&_h4]:!text-black
+    [&_h5]:!text-black
+    [&_h6]:!text-black
+  "
+>
+  <div class="prose">
+    {% include "patterns/atoms/text/headings.html" %}
+  </div>
+</div>

majak_uistyleguide/templates/patterns/atoms/text/colors.yaml

 context:
   color_classes:
-    - "bg-black text-white [&_p]:text-white"
-    - "bg-pirati-yellow text-black [&_p]:text-black"
\ No newline at end of file
+    - ""
\ No newline at end of file