add image-and-text and image slider block types

web/src/components/events/EventItem.tsx

@@ -21,6 +21,7 @@ export const EventItem = ({
 }) => {
   const nextOccurrence = getClosestOccurrence(event);
   const numOccurrences = event?.occurrences?.length ?? 0;
+  const featuredImage: any = event.featuredImage;
 
   return (
     <li
@@ -29,10 +30,10 @@ export const EventItem = ({
       } linkItem`}
     >
       <div className={styles.image}>
-        {event.featuredImage && (
+        {featuredImage && (
           <Image
-            src={event.featuredImage.url}
-            alt={event.featuredImage.alt}
+            src={featuredImage.url}
+            alt={featuredImage.alt}
             width={0}
             height={0}
             sizes="20vw"