thumbnails and titles

assets/css/marulango.css

@@ -71,6 +71,7 @@ section {
 	font-size: 2rem;
 	padding: 7rem 0;
 	min-height: 55vh;
+	background: transparent;
 }
 
 .greeting {
@@ -106,6 +107,16 @@ footer p {
 	opacity: 0;
 }
 
+section {
+	background: white;
+}
+
+.fadeout {
+	background: linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0.5592612044817927) 89%, rgba(255,255,255,0) 100%);
+}
+
+
+
 
 .blob {
   background-color: transparent;

index.html

@@ -48,13 +48,13 @@
       </div>
     </section>
 
-    <section class="animate__animated animate__fadeIn animate__delay-3s">
+    <section class="fadeout animate__animated animate__fadeIn animate__delay-3s">
       <div class="container is-fluid">
         <div class="columns is-multiline">
 
           <div class="column is-full">
             <p class="company">Vouch</p>
-            <p class="title">Transaction fees for business insurance</p>
+            <p class="title">Saving $20K USD a week by improving the checkout experience</p>
           </div>
 
           <div class="column is-5-desktop is-full-mobile">
@@ -81,7 +81,7 @@
 
           <div class="column is-full">
             <figure class="image is-16by9">
-              <img src="assets/img/txfees/txfees-hero.png">
+              <img src="assets/img/txfees/hero.png">
             </figure>
           </div>
 
@@ -95,7 +95,7 @@
 
           <div class="column is-full">
             <p class="company">Vouch</p>
-            <p class="title">An API-responsive design system</p>
+            <p class="title">How a design system improvement made development 30% faster</p>
           </div>
 
           <div class="column is-5-desktop is-full-mobile">
@@ -121,6 +121,11 @@
             </ul>
           </div>
 
+          <div class="column is-full">
+            <figure class="image is-16by9">
+              <img src="assets/img/vouch-ds/hero.png">
+            </figure>
+          </div>
           <div class="column is-4">
             <figure class="image">
               <img src="assets/img/vouch-ds/text-fill-empty.gif">
@@ -163,7 +168,7 @@
 
           <div class="column is-full">
             <p class="company">Bitso</p>
-            <p class="title">Creating a new onboarding experience</p>
+            <p class="title">Increasing recurring transactions by 42% through user onboarding</p>
           </div>
 
           <div class="column is-5-desktop is-full-mobile">