collaborating with images different tresholds for mobile and desktop

Author: Erik2609

assets/scss/_landingpage.scss

@@ -450,4 +450,14 @@
 
 .sublandingpage-banner-padding-bottom {
     padding-bottom: 7rem;
+}
+
+.collaberating_logo {
+    max-width: 300px;
+    max-height: 140px;
+    width: 100%;
+    @media (max-width: 992px) {
+        max-width: 200px;
+        max-height: 94px;
+    }
 }

layouts/partials/landingpage/supportedby.html

@@ -13,9 +13,9 @@ <h3 class="section-title" style="color: #005aa7;">{{ .title | markdownify }}</h3
       </div>
 
       {{ range .funders }}
-      <div class="col-lg-4 col-6 my-2">
+      <div class="col-lg-4 col-6 my-5">
         <a href="{{.link}}" target="_blank">
-          <img src="{{ .image | relURL }}" class="d-block mx-auto" style="max-height: 140px; max-width: 300px;" alt="{{.alt_text}}" class="img-fluid">
+          <img src="{{ .image | relURL }}" class="d-block mx-auto img-fluid collaberating_logo" alt="{{.alt_text}}" class="">
         </a>
       </div>
       {{ end }}