style: améliore le dégradé du titre de la hero-section

src/components/home/hero-section.vue

@@ -52,9 +52,10 @@ function next() {
     <div class="fr-grid-row fr-grid-row--gutters fr-grid-row--middle">
       <div class="fr-col-12 fr-col-md-6 fr-mt-2w">
         <h1 class="fr-h3 fr-mb-3w">
-          <span class="aj-hero-highlight">
+          <span class="aj-hero-highlight d-block">
             Évaluez vos droits à {{ benefitsNumber }} aides
           </span>
+          <br class="fr-hidden fr-unhidden-sm" />
           en quelques clics.
         </h1>
         <p class="fr-text--md fr-mb-3w">

src/styles/aides-jeunes.css

@@ -630,12 +630,11 @@ textarea {
 .aj-hero-highlight {
   background-image: linear-gradient(
     0deg,
-    var(--success-975-75) 0%,
-    var(--success-975-75) 50%,
-    transparent 50%,
-    transparent 100%
+    rgba(253, 232, 244, 1) 0%,
+    rgba(253, 232, 244, 0.8) 40%,
+    rgba(253, 232, 244, 0.4) 70%,
+    rgba(253, 232, 244, 0) 100%
   );
-  color: black;
   padding: 0 0.25rem;
 }