Improve organization logos (update assets and refactored styling) (#16730)

* Fix organization logos styling:

- stop forcing explicit height to the image itself, this will remove any visible stretching.
- Force 2 column for screen size < 1200px (and remove flex-wrap) to make sure no single logo that wraps to the next line.

* Update crest images with higher resolution assets

---------

Co-authored-by: M Fahru <m.fahru@overleaf.com>
GitOrigin-RevId: c463d207fdbd750cdbfe6666bb79f69dfd85c673

services/web/frontend/stylesheets/app/website-redesign.less

@@ -454,29 +454,28 @@
     }
   }
 
-  .collaboration-logos-container {
+  .organization-logos-container {
     display: flex;
-    flex-wrap: wrap;
     justify-content: space-evenly;
+    height: 62px;
 
-    @media (max-width: @screen-sm-max) {
+    @media (max-width: @screen-md-max) {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
-      gap: 10px;
+      gap: 30px;
       justify-items: center;
+      height: unset;
     }
 
-    .enterprise-logo {
-      display: inline-block;
+    .organization-logo {
+      object-fit: contain;
+      width: 100%;
+      height: 100%;
       padding: 0 @padding-md;
-      height: 35px;
-      @media (max-width: @screen-sm-max) {
-        margin-top: @margin-md;
-      }
-    }
 
-    .logo-height-45 {
-      height: 45px;
+      @media (max-width: @screen-md-max) {
+        max-height: 40px;
+      }
     }
   }