diff --git a/src/components/ImageBlurFallback.tsx b/src/components/ImageBlurFallback.tsx
index 64d1c4ef..1fd44dee 100644
--- a/src/components/ImageBlurFallback.tsx
+++ b/src/components/ImageBlurFallback.tsx
@@ -66,7 +66,7 @@ export default function ImageBlurFallback(props: ImageProps) {
               className: clsx(
                 imageClassName,
                 // Fix poorly blurred placeholder data generated by Safari
-                'blur-md scale-110',
+                'blur-md scale-105',
               ),
             }} />
             :  <div className={clsx(
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,
diff --git a/src/services/next-image.ts b/src/services/next-image.ts
index cf0b0b9d..9b8cc116 100644
--- a/src/services/next-image.ts
+++ b/src/services/next-image.ts
@@ -2,6 +2,7 @@ import { BASE_URL } from '@/site/config';
 
 // Explicity defined next.config.js `imageSizes`
 type NextCustomSize = 200;
+
 type NextImageDeviceSize = 640 | 750 | 828 | 1080 | 1200 | 1920 | 2048 | 3840;
 
 export type NextImageSize = NextCustomSize | NextImageDeviceSize;