add image-and-text and image slider block types

web/src/lib/common.ts

@@ -1,7 +1,37 @@
 import { graphql } from "@/gql";
 
+const BlockFragmentDefinition = graphql(`
+  fragment Blocks on StreamFieldInterface {
+    id
+    blockType
+    field
+    ... on RichTextBlock {
+      rawValue
+      value
+    }
+    ... on ImageWithTextBlock {
+      image {
+        ...Image
+      }
+      imageFormat
+      text
+    }
+    ... on ImageSliderBlock {
+      images {
+        ... on ImageSliderItemBlock {
+          image {
+            ...Image
+          }
+          text
+        }
+      }
+    }
+  }
+`);
+
 const ImageFragmentDefinition = graphql(`
   fragment Image on CustomImage {
+    id
     url
     width
     height