New collaborators

src/components/Collaboration.tsx

@@ -12,6 +12,31 @@ const Collaboration = () => {
             src='/collaborators/skr.png'
             alt='Suomen Kulttuurirahaston logo'
           />
+          <img
+            className={styles.collabLogo}
+            src='/collaborators/naantali.png'
+            alt='Naantalin kaupungin logo'
+          />
+          <img
+            className={styles.collabLogo}
+            src='/collaborators/siltala.png'
+            alt='Siltalan logo'
+          />
+          <img
+            className={styles.collabLogo}
+            src='/collaborators/teos.jpg'
+            alt='Teoksen logo'
+          />
+          <img
+            className={styles.collabLogo}
+            src='/collaborators/aviador.png'
+            alt='Aviadorin logo'
+          />
+          <img
+            className={styles.collabLogo}
+            src='/collaborators/vaihela.png'
+            alt='Vaihelan logo'
+          />
         </div>
       </div>
     </>

styles/Collaboration.module.scss

@@ -12,11 +12,21 @@
 }
 
 .collabLogo {
-  max-width: 200px;
+  max-width: 180px;
+  max-height: 100px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
 }
 
 .collabLogoRow {
   width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 3rem;
+  padding: 1.5rem 0;
 }
 
 @media screen and (max-width: 600px) {