Make GridRep more consistent

The mainhand is still slightly taller than the 9 grid weapons but this will do for now

components/GridRep/index.scss

@@ -38,10 +38,6 @@
     aspect-ratio: 2/1;
     display: grid;
     grid-template-columns: 1fr 3fr; /* left column takes up 1 fraction, right column takes up 3 fractions */
-    grid-template-rows: repeat(
-      3,
-      1fr
-    ); /* create 3 rows, each taking up 1 fraction */
     grid-gap: $unit; /* add a gap of 8px between grid items */
 
     .Weapon {
@@ -50,6 +46,8 @@
     }
 
     .Mainhand.Weapon {
+      aspect-ratio: 73/153;
+      display: grid;
       grid-column: 1 / 2; /* spans one column */
     }
 
@@ -67,7 +65,7 @@
     }
 
     .Grid.Weapon {
-      aspect-ratio: 160 / 92;
+      aspect-ratio: 280 / 160;
       display: grid;
     }
 
@@ -75,7 +73,6 @@
     .Grid.Weapon img[src*='jpg'] {
       border-radius: 4px;
       width: 100%;
-      height: 100%;
     }
   }