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

.auto-claude-status

@@ -0,0 +1,25 @@
+{
+  "active": true,
+  "spec": "027-optimize-image-loading-strategy-for-blog-and-portf",
+  "state": "building",
+  "subtasks": {
+    "completed": 3,
+    "total": 6,
+    "in_progress": 1,
+    "failed": 0
+  },
+  "phase": {
+    "current": "Update BlogImage Component",
+    "id": null,
+    "total": 2
+  },
+  "workers": {
+    "active": 0,
+    "max": 1
+  },
+  "session": {
+    "number": 5,
+    "started_at": "2026-01-25T06:18:19.434697"
+  },
+  "last_update": "2026-01-25T06:28:55.245279"
+}