refactor: update hero styles

assets/css/theme.css

@@ -1628,6 +1628,10 @@ select {
   text-decoration-line: line-through;
 }
 
+.no-underline {
+  text-decoration-line: none;
+}
+
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
@@ -1870,6 +1874,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     left: 50%;
   }
 
+  .md\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
   .md\:block {
     display: block;
   }

modules/ps_imageslider/views/templates/hook/slider.tpl

@@ -33,7 +33,7 @@
               <img class="w-full h-full object-contain md:object-cover" src="{$slide.image_url}" alt="{$slide.legend|escape}">
               {if $slide.title || $slide.description}
                 <figcaption class="caption absolute left-1/2 md:left-1/2 bottom-0 top-0 right-1/5 flex flex-col justify-center">
-                  <h2 class="max-sm:max-w-full text-lg md:text-3xl lg:text-4xl xl:text-6xl font-bold mb-4">{$slide.title}</h2>
+                  <h2 class="max-sm:max-w-full max-sm-pr-2 text-lg md:text-3xl lg:text-4xl xl:text-6xl font-bold mb-2 md:mb-4">{$slide.title}</h2>
                   <div class="text-sm md:text-base font-medium">{$slide.description nofilter}</div>
                 </figcaption>
               {/if}