feat: flesh out popular tanks

packages/website-ue/src/components/TankCard/index.module.css

@@ -2,7 +2,10 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: var(--space-2);
+  gap: var(--space-4);
+
+  overflow: hidden;
+  min-width: min-content;
 
   .icon-wrapper {
     position: relative;
@@ -20,12 +23,19 @@
     }
 
     .icon {
-      width: 7rem;
-      aspect-ratio: 4 / 3;
+      width: 13rem;
+      height: 8rem;
       position: relative;
 
-      background-size: 150%;
-      background-position: center;
+      background-size: 140%;
+      background-position: 40% center;
     }
   }
+
+  .name {
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 100%;
+    text-overflow: ellipsis;
+  }
 }