chore(widgets): change Hero component to fit intended design

Author: bjgavilanes

src/components/widgets/Hero.astro

@@ -28,14 +28,6 @@ const {
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20">
       <div class="text-center pb-10 md:pb-16 max-w-5xl mx-auto">
-        {
-          tagline && (
-            <p
-              class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade"
-              set:html={tagline}
-            />
-          )
-        }
         {
           title && (
             <h1
@@ -44,6 +36,14 @@ const {
             />
           )
         }
+        {
+          tagline && (
+            <p
+              class="text-base text-secondary mb-4 dark:text-blue-200 font-bold tracking-wide uppercase intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade"
+              set:html={tagline}
+            />
+          )
+        }
         <div class="max-w-3xl mx-auto">
           {
             subtitle && (