From cd62747f39d9c30d5e96af86837e492aa34465fe Mon Sep 17 00:00:00 2001
From: Jade Ellis <jade@ellis.link>
Date: Sun, 1 Sep 2024 16:12:28 +0100
Subject: [PATCH] Fix CLS due to image CSS

---
 packages/website/src/lib/htmlComponents/img.svelte | 2 --
 packages/website/src/lib/styles.css                | 6 ++++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/lib/htmlComponents/img.svelte b/packages/website/src/lib/htmlComponents/img.svelte
index 8ed9f66e..ff034edb 100644
--- a/packages/website/src/lib/htmlComponents/img.svelte
+++ b/packages/website/src/lib/htmlComponents/img.svelte
@@ -45,8 +45,6 @@
         max-height: 60vh;
         background-size: cover;
         background-repeat: no-repeat;
-        width: auto;
-        height: auto;
         display: block;
         margin-inline: auto;
     }
diff --git a/packages/website/src/lib/styles.css b/packages/website/src/lib/styles.css
index 736a5f15..80551b68 100644
--- a/packages/website/src/lib/styles.css
+++ b/packages/website/src/lib/styles.css
@@ -115,8 +115,10 @@ body {
 iframe,
 img,
 svg {
-    max-width: 100%;
-    max-height: 100%;
+    max-block-size: 100%;
+    max-inline-size: 100%;
+    inline-size: auto;
+    block-size: auto;
     display: block;
 }