Different bg color for contact component in main vs footer.

public/includes/components/contact-row.html

@@ -4,7 +4,7 @@
     <br>🡇
   </p>
   <div class="col-6 col-lg-3">
-    <div class="card h-100">
+    <div class="card h-100 bg-secondary-subtle">
       <div class="card-body d-flex flex-column">
         <h2 class="section fs-3 card-title">Bob Vandevliet</h2>
         <p style="margin-top: 0 !important;">Gecertificeerd FPV-dronepiloot</p>

src/scss/styles.scss

@@ -318,6 +318,10 @@ img.grayscale-effect {
   overflow: hidden;
 }
 
+footer .card {
+  background-color: var(--bs-card-bg) !important;
+}
+
 .card-img-overlay {
   position: unset;
   z-index: 1;