diff --git a/sites/svelte.dev/src/routes/+page.svelte b/sites/svelte.dev/src/routes/+page.svelte
index eb8dba565e..c1a78f4523 100644
--- a/sites/svelte.dev/src/routes/+page.svelte
+++ b/sites/svelte.dev/src/routes/+page.svelte
@@ -62,13 +62,11 @@
 
 <Supporters />
 
-<div style="aspect-ratio: 4490 / 990;">
-	{#if $theme.current === 'light'}
-		<Image src={BallsLight} alt="The Svelte logo in a ball pit" />
-	{:else}
-		<Image src={BallsDark} alt="The Svelte logo in a ball pit" />
-	{/if}
-</div>
+{#if $theme.current === 'light'}
+	<Image src={BallsLight} alt="The Svelte logo in a ball pit" />
+{:else}
+	<Image src={BallsDark} alt="The Svelte logo in a ball pit" />
+{/if}
 
 <footer>
 	<a href="/tutorial">Tutorial</a>
diff --git a/sites/svelte.dev/src/routes/_components/Image.svelte b/sites/svelte.dev/src/routes/_components/Image.svelte
index 5416bdab04..423cf87430 100644
--- a/sites/svelte.dev/src/routes/_components/Image.svelte
+++ b/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>