From f91b85bf013f244e1d3c4ea5b06069438bd8991a Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Thu, 7 Dec 2023 16:44:03 +0100
Subject: [PATCH] docs: site hero img dimensions (#9840)

prevents layout shift
---
 sites/svelte.dev/src/routes/_components/Hero.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/sites/svelte.dev/src/routes/_components/Hero.svelte b/sites/svelte.dev/src/routes/_components/Hero.svelte
index f317b060b4..66309b70e9 100644
--- a/sites/svelte.dev/src/routes/_components/Hero.svelte
+++ b/sites/svelte.dev/src/routes/_components/Hero.svelte
@@ -23,12 +23,12 @@
 	</div>
 
 	<picture class="machine">
-		<source srcset={MachineDesktop.sources.avif} type="image/avif" media="(min-width: 800px)" />
-		<source srcset={MachineDesktop.sources.webp} type="image/webp" media="(min-width: 800px)" />
-		<source srcset={MachineDesktop.sources.png} type="image/png" media="(min-width: 800px)" />
-		<source srcset={MachineMobile.sources.avif} type="image/avif" />
-		<source srcset={MachineMobile.sources.webp} type="image/webp" />
-		<source srcset={MachineMobile.sources.png} type="image/png" />
+		<source srcset={MachineDesktop.sources.avif} width="3795" height="993" type="image/avif" media="(min-width: 800px)" />
+		<source srcset={MachineDesktop.sources.webp} width="3795" height="993" type="image/webp" media="(min-width: 800px)" />
+		<source srcset={MachineDesktop.sources.png} width="3795" height="993" type="image/png" media="(min-width: 800px)" />
+		<source srcset={MachineMobile.sources.avif} width="2208" height="936" type="image/avif" />
+		<source srcset={MachineMobile.sources.webp} width="2208" height="936" type="image/webp" />
+		<source srcset={MachineMobile.sources.png} width="2208" height="936" type="image/png" />
 		<img alt="The Svelte compiler packaging up your component code" src={MachineMobile.img.src} />
 	</picture>
 </div>