4.0.1 - fixes

src/lib/components/HeroSection.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
+  import { getImageMetadata } from '$lib/image-metadata';
   import type { HeroContent } from '$lib/types';
 
   export let hero: HeroContent;
 
   $: titleParts = splitTitle(hero.title);
   $: mobileTitle = hero.mobileTitle?.trim() || `${hero.title} ${hero.highlight}`.trim();
+  $: heroImage = getImageMetadata(hero.imageUrl);
 
   function splitTitle(title: string) {
     const trimmed = title.trim();
@@ -48,6 +50,8 @@
       <img
         src={hero.imageUrl}
         alt={hero.imageAlt}
+        width={heroImage?.width}
+        height={heroImage?.height}
         loading="eager"
         fetchpriority="high"
         decoding="async"