feat: some shit

src/components/Max.astro

@@ -10,7 +10,7 @@ const t = useTranslations(Astro);
 ---
 
 <Card
-  classes="googley-eye-target relative rounded-diag-md border border-light gradient grid grid-cols-[250px_1fr] h-[180px] my-8xl"
+  classes="googley-eye-target relative rounded-diag-md border border-neutral gradient grid grid-cols-[250px_1fr] h-[180px] mt-8"
 >
   <div class="image">
     <Image src={MaxImg} alt="its mee" maxWidth={700} />
@@ -39,6 +39,16 @@ const t = useTranslations(Astro);
     align-items: flex-end;
   }
 
+  .image::before {
+    content: "";
+    position: absolute;
+    height: 80%;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(-12deg, var(--background) 0%, transparent 50%);
+  }
+
   .image > :global(img) {
     height: 100%;
     object-fit: contain;
@@ -50,7 +60,7 @@ const t = useTranslations(Astro);
   }
   .eye.left {
     top: 29%;
-    right: 27%;
+    right: 28%;
   }
   .eye.right {
     top: 31%;