diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 3932907..5520106 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -422,18 +422,20 @@ body {
 }
 
 //============================================================
-// Sponsor Section
+// support Section
 //============================================================
 
-.sponsor {
+.support {
   padding: 8rem 0;
 
   @media only screen and (max-width: $screen-small) {
     padding-bottom: 2.4rem;
   }
 
-  .sponsor-wrapper {
-    display: flex;
+  .support-wrapper {
+    display: grid;
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+    grid-auto-rows: max-content;
     gap: 2rem;
     box-sizing: border-box;
 
@@ -442,20 +444,10 @@ body {
       margin-left: -2.4rem;
       margin-right: -2.4rem;
     }
-
-    @media only screen and (max-width: $screen-small) {
-      flex-direction: column;
-    }
-  }
-
-  .sponsor-wrapper-col {
-    display: flex;
-    flex-direction: column;
-    gap: 2rem;
-    flex: 50%;
   }
 
-  .sponsor-box {
+  .support-box {
+    grid-column: span 6;
     position: relative;
     display: block;
     padding: 3rem;
@@ -464,10 +456,11 @@ body {
     overflow: hidden;
 
     @media only screen and (max-width: $screen-small) {
+      grid-column: span 12;
       padding: 2rem;
     }
 
-    .sponsor-box--label {
+    .support-box--label {
       display: inline-block;
       position: relative;
       z-index: 20;
@@ -493,7 +486,7 @@ body {
       }
     }
 
-    .sponsor-box--value {
+    .support-box--value {
       margin: 0;
 
       * {
@@ -510,9 +503,9 @@ body {
     }
   }
 
-  .sponsor-box--decoration {
-    flex-grow: 1;
-    background-image: url('../images/sponsor-decoration-background-light.webp');
+  .support-box--decoration {
+    grid-row: span 9;
+    background-image: url('../images/support-decoration-background-light.webp');
     background-position: top center;
     background-size: cover;
     background-repeat: no-repeat;
@@ -523,11 +516,12 @@ body {
     }
 
     @media (prefers-color-scheme: dark) {
-      background-image: url('../images/sponsor-decoration-background-dark.webp');
+      background-image: url('../images/support-decoration-background-dark.webp');
     }
   }
 
-  .sponsor-box--statistics {
+  .support-box--statistics {
+    grid-row: span 3;
     background: $color-action-light;
     color: white;
 
@@ -536,7 +530,7 @@ body {
       color: black;
     }
 
-    .sponsor-box--background {
+    .support-box--background {
       position: absolute;
       z-index: 10;
       left: 0;
@@ -554,7 +548,7 @@ body {
       }
     }
 
-    .sponsor-box--label {
+    .support-box--label {
       background: rgba(0,0,0,.2);
       backdrop-filter: blur(5px);
 
@@ -563,7 +557,7 @@ body {
       }
     }
     
-    .sponsor-box--value {
+    .support-box--value {
       position: relative;
       z-index: 20;
       margin-top: auto;
@@ -582,11 +576,12 @@ body {
     }
   }
 
-  .sponsor-box--introduction {
+  .support-box--introduction {
+    grid-row: span 8;
     background: $color-gray200;
     color: $color-gray600;
 
-    .sponsor-box--label {
+    .support-box--label {
       background: $color-gray100;
 
       svg {
@@ -594,7 +589,7 @@ body {
       }
     }
 
-    .sponsor-box--value {
+    .support-box--value {
       font-size: 1.6em;
       line-height: 1.5em;
 
@@ -604,7 +599,8 @@ body {
     }
   }
 
-  .sponsor-box--collective {
+  .support-box--collective {
+    grid-row: span 4;
     background: rgb(229, 243, 255);
     color: rgb(52, 73, 116);
 
@@ -613,7 +609,7 @@ body {
       color: rgb(130, 158, 212);
     }
 
-    .sponsor-box--label {
+    .support-box--label {
       color: rgb(16, 65, 163);
       background: white;
       font-weight: 700;
@@ -624,7 +620,7 @@ body {
       }
     }
 
-    .sponsor-box--value {
+    .support-box--value {
       font-size: 1.1em;
       line-height: 1.5em;
 
diff --git a/assets/images/sponsor-decoration-background-dark.webp b/assets/images/support-decoration-background-dark.webp
similarity index 100%
rename from assets/images/sponsor-decoration-background-dark.webp
rename to assets/images/support-decoration-background-dark.webp
diff --git a/assets/images/sponsor-decoration-background-light.webp b/assets/images/support-decoration-background-light.webp
similarity index 100%
rename from assets/images/sponsor-decoration-background-light.webp
rename to assets/images/support-decoration-background-light.webp
diff --git a/assets/images/sponsor-statistics-background.mp4 b/assets/images/support-statistics-background.mp4
similarity index 100%
rename from assets/images/sponsor-statistics-background.mp4
rename to assets/images/support-statistics-background.mp4
diff --git a/assets/images/sponsor-statistics-background.webm b/assets/images/support-statistics-background.webm
similarity index 100%
rename from assets/images/sponsor-statistics-background.webm
rename to assets/images/support-statistics-background.webm
diff --git a/index.md b/index.md
index f967d9c..6f30f77 100644
--- a/index.md
+++ b/index.md
@@ -74,46 +74,42 @@ pathName: rootPath
   </div>
 </div>
 
-<div class="wrapper sponsor">
+<div class="wrapper support">
   <div class="inner">
-    <div class="sponsor-wrapper">
-      <div class="sponsor-wrapper-col">
-        <div class="sponsor-box sponsor-box--introduction">
-          <div class="sponsor-box--label">
-            <span aria-hidden="true">{% include icon-heart.svg %}</span>
-            <span>Thank you</span>
-          </div>
-          <div class="sponsor-box--value">
-            <p>Critical Maps exists because <strong>people like you</strong> support it.</p>
-            <p>If you find the app useful and want it to remain available, you can help cover costs for infrastructure.</p>
-          </div>
+    <div class="support-wrapper">
+      <div class="support-box support-box--introduction">
+        <div class="support-box--label">
+          <span aria-hidden="true">{% include icon-heart.svg %}</span>
+          <span>Thank you</span>
+        </div>
+        <div class="support-box--value">
+          <p>Critical Maps exists because <strong>people like you</strong> support it.</p>
+          <p>If you find the app useful and want it to remain available, you can help cover costs for infrastructure.</p>
         </div>
-        <div class="sponsor-box sponsor-box--statistics">
-          <div class="sponsor-box--label">
-            <span aria-hidden="true">{% include icon-infrastructure.svg %}</span>
-            <span>Infrastructure</span>
-          </div>
-          <div class="sponsor-box--value">
-            <p>Our monthly server costs range from <strong>20</strong> to <strong>60 Euro</strong>, depending on traffic.</p>
-          </div>
-          <video class="sponsor-box--background" preload="true" autoplay loop muted aria-hidden="true">
-            <source src="assets/images/sponsor-statistics-background.mp4" type="video/mp4" />
-            <source src="assets/images/sponsor-statistics-background.webm" type="video/webm" />
-          </video>
-        </div>      
       </div>
-      <div class="sponsor-wrapper-col">
-        <div class="sponsor-box sponsor-box--collective">
-          <div class="sponsor-box--label">
-            <span aria-hidden="true">{% include icon-opencollective.svg %}</span>
-            <span>Open Collective</span>
-          </div>
-          <div class="sponsor-box--value">
-            <p>Contributions of any size make a difference, whether one-time or ongoing. All donations and expenses are published transparently on Open Collective.</p>
-            <p><a class="button" href="https://opencollective.com/criticalmaps" target="_blank"><span class="button-title">Support now</span></a></p>
-          </div>
+      <div class="support-box support-box--statistics">
+        <div class="support-box--label">
+          <span aria-hidden="true">{% include icon-infrastructure.svg %}</span>
+          <span>Infrastructure</span>
+        </div>
+        <div class="support-box--value">
+          <p>Our monthly server costs range from <strong>20</strong> to <strong>60 Euro</strong>, depending on traffic.</p>
+        </div>
+        <video class="support-box--background" preload="true" autoplay loop muted aria-hidden="true">
+          <source src="assets/images/support-statistics-background.mp4" type="video/mp4" />
+          <source src="assets/images/support-statistics-background.webm" type="video/webm" />
+        </video>
+      </div>
+      <div class="support-box support-box--decoration"></div>
+      <div class="support-box support-box--collective">
+        <div class="support-box--label">
+          <span aria-hidden="true">{% include icon-opencollective.svg %}</span>
+          <span>Open Collective</span>
+        </div>
+        <div class="support-box--value">
+          <p>Contributions of any size make a difference, whether one-time or ongoing. All donations and expenses are published transparently on Open Collective.</p>
+          <p><a class="button" href="https://opencollective.com/criticalmaps" target="_blank"><span class="button-title">Support now</span></a></p>
         </div>
-        <div class="sponsor-box sponsor-box--decoration"></div>
       </div>
     </div>
   </div>