fix: alt text

src/components/LinkCard.astro

@@ -4,15 +4,16 @@ import {Picture} from 'astro:assets'
 interface Props {
 	href: string
 	image: any
+    alt: string
 }
 
-const {href, image} = Astro.props
+const {href, image, alt} = Astro.props
 ---
 <a
         href={href}
         class="mt-4 h-40 w-full rounded overflow-hidden text-center font-display text-2xl font-bold text-white shadow relative"
 >
-    <Picture src={image} alt=""/>
+    <Picture src={image} alt={alt}/>
     <span class="py-16 px-8 z-10 absolute left-0 right-0">
         <slot/>
     </span>

src/pages/index.astro

@@ -163,18 +163,21 @@ const carouselImages = [
             <LinkCard
                     href="/docs/installing"
                     image={HeroLlama1}
+                    alt="A close-up of an alpaca with curly brown fur on its head. The alpaca has a white body and is looking directly at the camera with large, expressive eyes and a distinctive snout."
             >
                 Installation
             </LinkCard>
             <LinkCard
                     href="/features"
                     image={HeroLlama2}
+                    alt="A expansive landscape with a herd of alpacas or llamas grazing on a green meadow. The background shows rolling hills and mountains, with a mix of barren and vegetated areas creating a diverse terrain."
             >
                 Features
             </LinkCard>
             <LinkCard
                     href="https://vikunja.cloud/?utm_source=io&utm_medium=io&utm_campaign=menu"
                     image={HeroLlama3}
+                    alt="Two llamas or alpacas in a misty green field. One is lying down in the foreground, while another stands grazing in the background. Behind them, ancient stone structures or ruins are visible through the fog, suggesting a historic or archaeological site."
             >
                 Get it Hosted
             </LinkCard>