Fix IMG nesting div in p tags - invalid HTML

src/components/MDX/IMG.astro

@@ -11,14 +11,14 @@ const image = getImageByPath(src);
 
 {
   image && (
-    <div class="my-8">
+    <span class="my-8 block">
       <Image
         src={image}
         alt={alt}
         width={1344}
         class="transition ease-in-out lg:hover:scale-150"
       />
-      <div class="mt-2 block w-full text-center text-sm italic">{alt}</div>
+      <span class="mt-2 block w-full text-center text-sm italic">{alt}</span>
-    </div>
+    </span>
   )
 }