implement requested changes

Author: norioriroiron

src/components/CardCover.astro

@@ -1,10 +1,4 @@
 ---
-/*
- * SCAFFOLD: minimal cover for the project tile — plain <img> with object-cover
- * (crops). The "robust cover image handling" ticket replaces the internals with
- * a blurred-backdrop fill + astro:assets <Image>. This component is owned by
- * that ticket; keep the 16:9 tile shape (matches a typical desktop screenshot).
- */
 import type { ImageMetadata } from 'astro';
 import { Image } from 'astro:assets';
 
@@ -22,11 +16,12 @@ const { cover, title } = Astro.props;
       <div class="h-full w-full">
         <Image
           src={cover}
-          alt={`Cover image for ${title}`}
+          alt=""
+          aria-hidden="true"
           width={cover.width}
           height={cover.height}
           loading="lazy"
-          class="h-full w-full object-cover blur-sm"
+          class="h-full w-full scale-125 object-cover blur-sm"
         />
         <Image
           src={cover}
@@ -38,10 +33,11 @@ const { cover, title } = Astro.props;
         />
       </div>
     ) : (
-      <div class="bg-accent flex h-full w-full items-center justify-center p-3">
-        <p class="text-accent-contrast text-center text-3xl font-bold">
-          {title}
-        </p>
+      <div
+        aria-hidden="true"
+        class="bg-canvas flex h-full w-full items-center justify-center p-3"
+      >
+        <p class="text-ink text-center text-3xl font-bold">{title}</p>
       </div>
     )
   }