Another attempt at a major redesign, but for real this time, i swear

src/components/cards/ceCard.astro

@@ -35,14 +35,12 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 
   article {
     border-radius: 1.25rem;
+    border: 2px var(--c-darkgray) solid;
     background-color: var(--c-darkergray);
-    padding: 20px;
-    padding-top: 5px;
     width: 35%;
     height: auto;
     justify-content: center;
     text-align: center;
-    transition: transform var(--speed) var(--ease);
     margin: 0px;
     display: grid;
     grid-template-columns: 100%;
@@ -55,11 +53,11 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
   }
 
   article:hover {
-    transform: scale(var(--hover-scale));
+    border: 2px var(--c-darkpurple) solid;
   }
 
   article div {
-    margin: 0.5em auto;
+    margin: auto;
   }
 
   img {
@@ -70,27 +68,17 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
     margin-right: auto;
   }
 
-  .heading-center {
-    display: flex;
-    height: 4rem;
-    width: 100%;
-    align-items: center;
-    justify-content: center;
-    font-size: 1.25em;
-    color: white;
-    font-weight: bold;
-  }
-
   .ce-crop {
-    width: 6em;
-    height: 6em;
+    width: 100px;
+    height: 100px;
   }
 
   .mlb {
-    width: 5.5rem;
+    width: 85px;
     height: auto;
     margin-left: auto;
     margin-right: auto;
+    margin-top: 0px;
   }
 
   .mlbalign {
@@ -101,18 +89,18 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 
   @media (min-width: 512px) {
     .ce-crop {
-      width: 7.5em;
-      height: 7.5em;
+      width: 100px;
+      height: 100px;
     }
     article {
-      width: 10em;
+      width: 128px;
     }
     .mlbalign {
-      width: 7.5em;
+      width: 85px;
     }
 
     .mlb {
-      width: 7rem;
+      width: 85px;
     }
   }
 </style>