Improve KEEP-only pool responsivenness

Fixed overlapping components at ~1300px. Used svg graphic as a
background image instead of svg element, it helps to scale down
the KEEP-only pool graphic.

solidity/dashboard/src/components/KeepOnlyPool.jsx

@@ -196,9 +196,7 @@ const KeepOnlyPool = ({
           </MetricsTile>
         </section>
       </section>
-      <section className="keep-only-pool__icon">
-        <Icons.KeepOnlyPool preserveAspectRatio="none" />
-      </section>
+      <section className="keep-only-pool__icon" />
     </section>
   )
 }

solidity/dashboard/src/css/liquidity-page.less

@@ -159,15 +159,15 @@
   }
 
   &__icon {
+    background: url("../static/svg/keep-only-pool.svg");
     background-color: @color-grey-10;
-    margin-bottom: 1.2rem;
-
-    > svg {
-      height: 100%;
-    }
+    background-size: cover;
+    background-position: center center;
+    background-repeat:no-repeat;
+    height: 400px;
   }
 
-  @media screen and (min-width: 900px) {
+  @media screen and (min-width: 1000px) {
     flex-direction: row;
     &__overview {
       flex-direction: row;
@@ -177,6 +177,12 @@
         display: block;
       }
     }
+
+    &__icon {
+      flex-grow: 0.5;
+      height: auto;
+      margin-bottom: 1.2rem;
+    }
   }
 }