Add height width on Image component

sites/svelte.dev/src/routes/+page.svelte

@@ -62,13 +62,11 @@
 
 <Supporters />
 
-<div style="aspect-ratio: 4490 / 990;">
+{#if $theme.current === 'light'}
-	{#if $theme.current === 'light'}
+	<Image src={BallsLight} alt="The Svelte logo in a ball pit" />
-		<Image src={BallsLight} alt="The Svelte logo in a ball pit" />
+{:else}
-	{:else}
+	<Image src={BallsDark} alt="The Svelte logo in a ball pit" />
-		<Image src={BallsDark} alt="The Svelte logo in a ball pit" />
+{/if}
-	{/if}
-</div>
 
 <footer>
 	<a href="/tutorial">Tutorial</a>

sites/svelte.dev/src/routes/_components/Image.svelte

@@ -4,13 +4,15 @@
 
 	/** @type {string} */
 	export let alt;
+
+	console.log(src);
 </script>
 
 <picture>
 	{#each Object.entries(src?.sources ?? {}) as [format, images]}
 		<source srcset={images?.map((i) => `${i?.src} ${i?.w}w`).join(', ')} type="image/{format}" />
 	{/each}
-	<img src={src?.img?.src} {alt} />
+	<img height={src.img.h} width={src.img.w} src={src?.img?.src} {alt} />
 </picture>
 
 <style>