diff --git a/src/components/ImageBlurFallback.tsx b/src/components/ImageBlurFallback.tsx
index 118d2643..e8e0842c 100644
--- a/src/components/ImageBlurFallback.tsx
+++ b/src/components/ImageBlurFallback.tsx
@@ -51,7 +51,7 @@ export default function ImageBlurFallback(props: ImageProps) {
     <div
       className={clsx(
         className,
-        'flex relative',
+        'flex relative overflow-hidden',
         'bg-gray-100/50 dark:bg-gray-900/50',
       )}
     >
@@ -63,6 +63,8 @@ export default function ImageBlurFallback(props: ImageProps) {
             imageClassName,
             'absolute',
             'transition-opacity duration-300 ease-in',
+            // Fix poorly blurred placeholder data generated by Safari
+            'blur-md scale-105',
             isLoading ? 'opacity-100' : 'opacity-0',
           ),
         }} />}