add custom image model, fetch alt text

web/src/components/associations/AssociationItem.tsx

@@ -14,7 +14,7 @@ export const AssociationItem = ({
         {association.logo && (
           <Image
             src={association.logo.url}
-            alt=""
+            alt={`Logoen til ${association.title}`}
             width={0}
             height={0}
             sizes="20vw"

web/src/components/events/EventHeader.tsx

@@ -64,7 +64,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
         {event.featuredImage && (
           <Image
             src={event.featuredImage.url}
-            alt=""
+            alt={event.featuredImage.alt}
             width={event.featuredImage.width}
             height={event.featuredImage.height}
             sizes="100vw"

web/src/components/events/EventItem.tsx

@@ -32,7 +32,7 @@ export const EventItem = ({
         {event.featuredImage && (
           <Image
             src={event.featuredImage.url}
-            alt=""
+            alt={event.featuredImage.alt}
             width={0}
             height={0}
             sizes="20vw"

web/src/components/venues/VenueItem.tsx

@@ -10,7 +10,7 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
         {venue.featuredImage && (
           <Image
             src={venue.featuredImage.url}
-            alt=""
+            alt={venue.featuredImage.alt}
             width={0}
             height={0}
             sizes="20vw"