feat: change logo salad styling to be more compact (#1091)

* feat: change logo salad styling to be more compact

* feat: max-width on logo salad

* style: run prettier fix

src/components/sections/logoSalad/logoSalad.module.css

@@ -1,12 +1,7 @@
-.shared {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
 .wrapper {
-  composes: shared;
   padding: 5rem 0;
+  max-width: var(--max-content-width-large);
+  margin: 0 auto;
   background-color: var(--background-bg-light-primary);
 }
 
@@ -17,23 +12,34 @@
 .logoWrapper {
   padding: 0;
   margin: 0;
-  list-style: none;
-  align-content: flex-start;
-  max-width: var(--max-content-width-large);
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 1.5rem 3rem;
+  justify-content: center;
 
   & > li {
-    max-width: 15rem;
-    max-height: 5rem;
-    overflow: hidden;
-    object-fit: contain;
-    display: inline-block;
-    margin-right: 3rem;
+    list-style: none;
+
+    & img {
+      height: 4.5rem;
+      width: auto;
+
+      @media (max-width: 834px) {
+        height: 3.625rem;
+      }
+
+      @media (max-width: 425px) {
+        height: 3rem;
+      }
+    }
+  }
+
+  @media (max-width: 834px) {
+    gap: 1rem 2.25rem;
   }
 
   @media (max-width: 425px) {
-    text-wrap: balance;
-    & > li {
-      margin-right: 1rem;
-    }
+    gap: 0.5rem 1.5rem;
   }
 }