Add Meet Rascal post + image support

app/blog/[slug]/page.tsx

@@ -1,7 +1,21 @@
 import { getAllPosts, getPost } from '@/lib/posts'
 import { MDXRemote } from 'next-mdx-remote/rsc'
+import NextImage from 'next/image'
 import { notFound } from 'next/navigation'
 
+const mdxComponents = {
+  img: ({ src, alt }: { src?: string; alt?: string }) => (
+    <NextImage
+      src={src || ''}
+      alt={alt || ''}
+      width={0}
+      height={0}
+      sizes="100vw"
+      className="w-full h-auto rounded-lg"
+    />
+  ),
+}
+
 type Props = { params: Promise<{ slug: string }> }
 
 export function generateStaticParams() {
@@ -40,7 +54,7 @@ export default async function BlogPost({ params }: Props) {
         </time>
       </header>
       <div className="prose dark:prose-invert max-w-none">
-        <MDXRemote source={post.content} />
+        <MDXRemote source={post.content} components={mdxComponents} />
       </div>
     </article>
   )

content/posts/meet-rascal.md

@@ -0,0 +1,25 @@
+---
+title: "Meet Rascal"
+date: 2026-06-21T16:25:26.266Z
+draft: true
+---
+
+Some things in life just make a house feel like a home. For me, that thing is a grey and white cat named Rascal.
+
+![Rascal holding court on his cat tree](/images/posts/rascal/rascal-1.jpg)
+
+## How We Met
+
+[Tell the story of how you got Rascal here.]
+
+## What Rascal Gets Up To
+
+As you can see from the photo above, Rascal takes relaxation very seriously. He has claimed the top perch of his cat tree as his personal throne, and will stare you down from it with the quiet authority of someone who knows they're in charge.
+
+[Add more personality details here.]
+
+## Why I'm Posting This
+
+Honestly, no deep reason. I just think my cat is great and wanted to put him on the internet where he belongs.
+
+If you've got a cat of your own, you already understand. If you don't — this is your sign.