Update dependencies, remove Picture

src/components/blog/GridItem.astro

@@ -1,5 +1,5 @@
 ---
-import Picture from '~/components/core/Picture.astro';
+import { Picture } from '@astrojs/image/components'
 
 import { findImage } from '~/utils/images';
 import { getPermalink } from '~/utils/permalinks';
@@ -11,14 +11,18 @@ const image = await findImage(post.image);
 
 <article class="mb-6 transition">
 	<div class="relative h-0 pb-[56.25%] lg:h-64 overflow-hidden bg-gray-400 dark:bg-slate-700 rounded shadow-lg mb-6">
-		<Picture
-			src={image}
-			class="object-cover w-full lg:h-64 rounded shadow-lg bg-gray-400 dark:bg-slate-700"
-			widths={[400, 900]}
-			sizes="(max-width: 900px) 400px, 900px"
-			alt={post.title}
-			aspectRatio="16:9"
-		/>
+		{
+			image && (
+				<Picture
+					src={image}
+					class="object-cover w-full lg:h-64 rounded shadow-lg bg-gray-400 dark:bg-slate-700"
+					widths={[400, 900]}
+					sizes="(max-width: 900px) 400px, 900px"
+					alt={post.title}
+					aspectRatio="16:9"
+				/>
+			)
+		}
 	</div>
 	<h3 class="mb-2 text-xl font-bold leading-snug sm:text-2xl font-heading">
 		<a