From 08b1401ce431c0fd3eb981be6b5dc9b255cc193e Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 24 Feb 2024 01:10:17 -0600
Subject: [PATCH] Restrict responsive behavior to large images

---
 src/components/ImageBlurFallback.tsx | 1 -
 src/components/ImageLarge.tsx        | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ImageBlurFallback.tsx b/src/components/ImageBlurFallback.tsx
index e807d84c..1fd44dee 100644
--- a/src/components/ImageBlurFallback.tsx
+++ b/src/components/ImageBlurFallback.tsx
@@ -78,7 +78,6 @@ export default function ImageBlurFallback(props: ImageProps) {
         ...rest,
         ref: imgRef,
         priority,
-        layout: 'responsive',
         className: imageClassName,
         onLoad: () => setIsLoading(false),
         onError: () => setDidError(true),
diff --git a/src/components/ImageLarge.tsx b/src/components/ImageLarge.tsx
index 927fb64e..44a82bce 100644
--- a/src/components/ImageLarge.tsx
+++ b/src/components/ImageLarge.tsx
@@ -28,6 +28,7 @@ export default function ImageLarge({
         className,
         src,
         alt,
+        layout: 'responsive',
         priority,
         blurDataURL: blurData,
         width: IMAGE_LARGE_WIDTH,