Update blog image previews

src/src/components/blog/post-list.tsx

@@ -9,6 +9,7 @@ type BlogPost = {
     tags: string[];
     description: string;
     image?: string;
+    imagePosition?: string;
   };
 };
 
@@ -46,6 +47,7 @@ export const BlogPostList = ({ posts }: BlogPostListProps) => {
                     src={post.data.image || "/blog/placeholder.png"}
                     alt={post.data.title}
                     className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+                    style={{ objectPosition: post.data.imagePosition || "center center" }}
                   />
                 </div>
                 

src/src/content/blog/my-first-post.mdx

@@ -5,6 +5,7 @@ author: Timothy Pidashev
 tags: [greeting]
 date: January 9, 2025
 image: "/blog/my-first-post/thumbnail.png"
+imagePosition: "center 30%"
 ---
 
 import Cookie from "@/content/blog/components/my-first-post/cookie";

src/src/content/config.ts

@@ -9,6 +9,7 @@ export const collections = {
       tags: z.array(z.string()),
       date: z.string(),
       image: z.string().optional(),
+      imagePosition: z.string().optional(),
     }),
   }),
   projects: defineCollection({