Add GCP to Compose spec homepage

Signed-off-by: Steren <steren@google.com>

Author: steren

website/images/logo_gcp.svg

@@ -143,6 +143,7 @@ <h2>Community</h2>
     <div id="community-logos">
       <div id="aws_logo" class="community-logo-item"><img alt="Amazon Web Services" src="images/logo_aws.svg"/></div>
       <div id="docker_logo" class="community-logo-item"><img alt="Docker" src="images/logo_docker.svg"/></div>
+      <div id="gcp_logo" class="community-logo-item"><img alt="Google Cloud" src="images/logo_gcp.svg"/></div>
       <div id="microsoft_logo" class="community-logo-item"><img alt="Microsoft Azure" src="images/logo_microsoft_azure.png"/></div>
     </div>
     <div id="community-ctas">

website/index.html

@@ -490,6 +490,14 @@ section .container {
 
 #community-logos .community-logo-item {
   margin-left: 60px;
+  /* Align all logos on the same center line*/
+  display: flex;
+  align-items: center;
+}
+
+#community-logos .community-logo-item img {
+  /* All logos should have the same height (also to avoids layout shift) */
+  height: 50px;
 }
 
 #community-logos .community-logo-item:first-child {
@@ -626,10 +634,6 @@ section .container {
     margin-top: 0;
   }
 
-  #community-logos .community-logo-item img {
-    max-width: 90%;
-  }
-
 }
 
 @media screen and (max-width: 768px) {