From bd34015e9da8073d9f782b0cd016ecc808083f49 Mon Sep 17 00:00:00 2001
From: Ben McCann <322311+benmccann@users.noreply.github.com>
Date: Wed, 5 Jul 2023 11:24:08 -0700
Subject: [PATCH] fix image display

---
 .../src/routes/_components/Hero.svelte        | 32 ++++---------------
 1 file changed, 6 insertions(+), 26 deletions(-)

diff --git a/sites/svelte.dev/src/routes/_components/Hero.svelte b/sites/svelte.dev/src/routes/_components/Hero.svelte
index 2de535ccbf..9122196b4b 100644
--- a/sites/svelte.dev/src/routes/_components/Hero.svelte
+++ b/sites/svelte.dev/src/routes/_components/Hero.svelte
@@ -11,7 +11,7 @@
 
 <div class="hero">
 	<div class="hero-content">
-		<img alt="Svelte logotype" class="logotype" src={SvelteLogotype} width="331" height="62" />
+		<img alt="Svelte logotype" class="logotype" src={SvelteLogotype} width="300" height="56" />
 		<strong>
 			<span style="white-space: nowrap">Cybernetically enhanced</span> <br /> web apps
 		</strong>
@@ -28,42 +28,21 @@
 			srcset={srcset(MachineDesktop.sources.avif)}
 			type="image/avif"
 			media="(min-width: 800px)"
-			width="3795"
-			height="993"
 		/>
 		<source
 			srcset={srcset(MachineDesktop.sources.webp)}
 			type="image/webp"
 			media="(min-width: 800px)"
-			width="3795"
-			height="993"
 		/>
 		<source
 			srcset={srcset(MachineDesktop.sources.png)}
 			type="image/png"
 			media="(min-width: 800px)"
-			width="3795"
-			height="993"
-		/>
-		<source
-			srcset={srcset(MachineMobile.sources.avif)}
-			type="image/avif"
-			width="2208"
-			height="936"
-		/>
-		<source
-			srcset={srcset(MachineMobile.sources.webp)}
-			type="image/webp"
-			width="2208"
-			height="936"
-		/>
-		<source srcset={srcset(MachineMobile.sources.png)} type="image/png" width="2208" height="936" />
-		<img
-			alt="The Svelte compiler packaging up your component code"
-			src={MachineMobile.img.src}
-			width="2208"
-			height="936"
 		/>
+		<source srcset={srcset(MachineMobile.sources.avif)} type="image/avif" />
+		<source srcset={srcset(MachineMobile.sources.webp)} type="image/webp" />
+		<source srcset={srcset(MachineMobile.sources.png)} type="image/png" />
+		<img alt="The Svelte compiler packaging up your component code" src={MachineMobile.img.src} />
 	</picture>
 </div>
 
@@ -135,6 +114,7 @@
 
 	.logotype {
 		width: min(45vw, 40em);
+		height: auto;
 	}
 
 	@media (min-width: 800px) {