auto-claude: subtask-2-2 - Update BlogImage component to use optimized responsive images

- Changed sizes attribute from viewport-based (vw) to pixel-based values
- Matches PortfolioCard pattern for consistent image optimization
- Enables Next.js to generate optimal image sizes for each breakpoint
- Improves performance by serving appropriately sized WebP images

src/app/[locale]/blog/page.tsx

@@ -343,7 +343,7 @@ function BlogImage({ src, alt }: { src: string; alt: string }) {
       src={src}
       alt={alt}
       fill
-      sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"
+      sizes="(max-width: 640px) 350px, (max-width: 768px) 400px, (max-width: 1024px) 550px, 400px"
       className="object-cover transition-transform duration-700 group-hover:scale-110"
     />
   );