causa

src/lib/Highlights.svelte

@@ -24,7 +24,7 @@
     <div class="card">
       <div class="text">
         <h2>Testamento vital</h2>
-        <h3>Decide hasta el final</h3>
+        <h3>Decide tú hasta el final</h3>
       </div>
     </div>
   </div>
@@ -36,8 +36,8 @@
     </picture>
     <div class="card">
       <div class="text">
-        <h2>Asóciate a DMD</h2>
-        <h3>Ayúdanos a defender tus derechos</h3>
+        <h2>Asóciate <span class="hide"> a DMD</span></h2>
+        <h3>Ayúdanos a romper el tabú de la muerte</h3>
       </div>
     </div>
   </div>
@@ -55,6 +55,9 @@
     font-weight: 300;
     text-align: right;
   }
+  .hide {
+    display: none;
+  }
   .container {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
@@ -76,6 +79,7 @@
     right: 0;
     z-index: 0;
     width: 100%;
+    opacity: 30%;
   }
 
   .highlight .card {
@@ -123,5 +127,9 @@
     .highlight {
       height: 100px;
     }
+    h2 .hide {
+      display: inline;
+      font-size: 2rem;
+    }
   }
 </style>