simplify client logo markup

themes/coopcloud.tech/assets/scss/main.scss

@@ -337,22 +337,11 @@ div.thumbnail {
 
         .client-logos {
             margin-top: 4rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 3rem;
-            @media (max-width: 600px) { gap: 0;}
-            
-            .first-row{
             display: grid;
             grid-template-columns: 1fr 1fr 1fr;
+            @media (max-width: 480px) { grid-template-columns: 1fr 1fr; }
             place-items: center;
-            }
-            
-            .second-row {
-                display: flex;
-                justify-content: center;
-            }
+            gap: 1rem;
 
             img {
                 object-fit: contain;

themes/coopcloud.tech/layouts/partials/index/autonomic_hero.html

@@ -21,19 +21,15 @@
         </div> 
         
         <div class="client-logos">
-          <div class="first-row">
           <div>
             <a href="https://www.neuronicgames.com/"><img src='/logos/neuronic-games.png'></a>
           </div>
-            
           <div>
             <a href="https://www.fashionrevolution.org/"><img src='/logos/fashion-rev.svg'></a>
           </div>
           <div>
             <a href="https://biobulkbende.org/"><img src='/logos/biobulkbende.png'></a>
           </div>              
-          </div>
-          <div class="second-row">
           <div>
             <a href="https://www.thirdsectoraccountancy.coop/"><img src='/logos/third-sector-accountancy.svg'></a>
           </div>
@@ -47,5 +43,4 @@
       </div>
     </div>
   </div>
-  </div>
 </section>