added missing rarities to rarityicon component, updated mobile grid enhancements, moved search to sticky bar at the top

src/assets/css/main.scss

@@ -1,12 +1,18 @@
 @import '_bootstrap';
 
 .copy-small {
-    font-size: 0.9rem;
+    font-size: 0.75rem;
     opacity: .87;
 }
 
+@media screen and (min-width: 768px) {
+    .copy-small {
+        font-size: 0.9rem;
+    }
+}
+
 .card-image {
-    aspect-ratio: 5/7;
+    aspect-ratio: 23/32;
     object-fit: cover;
 }
 
@@ -17,16 +23,25 @@
     top: 0;
 }
 
+.rotate-90 {
+  transform: rotate(90deg);
+}
+
 .rarity-icon svg {
-  height: 1rem;
-  line-height: 1rem;
-  display: inline-block;
+  height: .8rem;
+  display: block;
 }
 
 .price-label {
     color: hsl(122, 39%, 49%);
-    font-size: 0.825rem;
-    font-weight: 600;
+    font-size: 0.65rem;
+}
+
+@media screen and (min-width: 768px) {
+    .price-label {
+        font-size: 0.825rem;
+        font-weight: 600;
+    }
 }
 
 .price-label:nth-of-type(n+2) {