build: upgrade dependencies and enable responsiveImages option

astro.config.ts

@@ -14,15 +14,7 @@ export default defineConfig({
     }),
   ],
   markdown: {
-    remarkPlugins: [
-      remarkToc,
-      [
-        remarkCollapse,
-        {
-          test: "Table of contents",
-        },
-      ],
-    ],
+    remarkPlugins: [remarkToc, [remarkCollapse, { test: "Table of contents" }]],
     shikiConfig: {
       // For more themes, visit https://shiki.style/themes
       themes: { light: "min-light", dark: "night-owl" },
@@ -35,7 +27,13 @@ export default defineConfig({
       exclude: ["@resvg/resvg-js"],
     },
   },
+  image: {
+    // Used for all Markdown images; not configurable per-image
+    // Used for all `<Image />` and `<Picture />` components unless overridden with a prop
+    experimentalLayout: "responsive",
+  },
   experimental: {
     svg: true,
+    responsiveImages: true,
   },
 });