Update updates section.

Author: nikoshell

astro.config.mjs

@@ -76,13 +76,15 @@ export default defineConfig({
     minify: true,
   },
   image: {
+    experimentalLayout: "responsive",
     remotePatterns: [{ protocol: "https" }],
     domains: ["programme.europython.eu", "placehold.co"],
     service: {
       entrypoint: "src/image.service.ts",
     },
   },
   experimental: {
+    responsiveImages: true,
     svg: true,
   },
 });

src/components/card/card.astro

@@ -1,6 +1,5 @@
 ---
 import type { ImageMetadata } from "astro";
-import { Image } from "astro:assets";
 import Button from "@ui/Button.astro";
 
 export interface Props {
@@ -18,8 +17,8 @@ const { title, subtitle, url, image } = Astro.props;
 >
   <a href={url} class="block">
     <div class="relative w-full">
-      <Image
-        src={image}
+      <img
+        src={image.src}
         width={600}
         height={375}
           alt=`Card image - ${title}`