adjust logo size on terms of use page

src/views/TermsOfUse.vue

@@ -2,7 +2,11 @@
   <div>
     <div class="terms-container">
       <div class="terms-header">
-        <img :alt="$config.client.name" :src="logoPath"/>
+        <img
+          :alt="$config.client.name"
+          :src="logoPath"
+          class="client-logo"
+        />
       </div>
       <div v-if="!error">
         <b-overlay
@@ -127,8 +131,13 @@ export default {
 
   .terms-header {
     margin: 0 1rem 1rem 1rem;
-    img {
-      width: 560px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    img.client-logo {
+      max-width: 560px;
+      max-height: 150px;
+      object-fit: contain;
     }
   }