From d4a7097312539ece8f43a5f26d83df4684c50f1d Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Fri, 12 May 2023 13:19:10 +0530
Subject: [PATCH] Add height width on Image component

---
 sites/svelte.dev/src/routes/+page.svelte             | 12 +++++-------
 sites/svelte.dev/src/routes/_components/Image.svelte |  4 +++-
 2 files changed, 8 insertions(+), 8 deletions(-)

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>