Pagespeed hates this one trick!

astro.config.mjs

@@ -9,10 +9,8 @@ import node from '@astrojs/node';
 
 import icon from 'astro-icon';
 
-
 import mdx from '@astrojs/mdx';
 
-
 // https://astro.build/config
 export default defineConfig({
   site: 'https://atri.dad',
@@ -23,6 +21,18 @@ export default defineConfig({
   vite: {
     plugins: [tailwindcss()]
   },
+  
+  // Enable experimental responsive images
+  experimental: {
+    responsiveImages: true,
+  },
+  
+  // Configure default image behavior
+  image: {
+    experimentalLayout: 'constrained',
+    experimentalObjectFit: 'cover',
+    experimentalObjectPosition: 'center',
+  },
 
   integrations: [preact(), mdx(), icon({
     include: {