fix(logos): Make logos columns responsive

Part-of: <!92>

theme/templates/logos.html.j2

@@ -39,8 +39,34 @@
             justify-content: space-between;
             gap: 100px;
             align-items: center;
+            flex-wrap: wrap;
         }
 
+        section.logos-and-naming .logo-content>p {
+            max-width: 30%;
+        }
+
+        @media screen and (max-width: 960px) {
+            section.logos-and-naming .logo {
+                padding: 0;
+            }
+
+            section.logos-and-naming .logo-content {
+                text-align: center;
+                gap: 20px;
+            }
+
+            section.logos-and-naming .logo-content>img {
+                margin: auto;
+            }
+
+            section.logos-and-naming .logo-content>p {
+                max-width: 100%;
+                width: 100%;
+            }
+        }
+
+
         .dos li,
         .donts li {
             display: block !important;