diff --git a/src/components/ImageBlurFallback.tsx b/src/components/ImageBlurFallback.tsx index f9c3213d..273cb9ab 100644 --- a/src/components/ImageBlurFallback.tsx +++ b/src/components/ImageBlurFallback.tsx @@ -57,7 +57,7 @@ export default function ImageBlurFallback(props: ImageProps) { priority, className: clsx( imageClassName, - 'z-10', + 'relative z-10', 'transition-opacity duration-300 ease-in', isLoading ? 'opacity-0' : 'opacity-100', ), @@ -75,7 +75,7 @@ export default function ImageBlurFallback(props: ImageProps) { src: blurDataURL, className: clsx( imageClassName, - 'absolute', + 'absolute z-[1] top-0 left-0', // Fix poorly blurred placeholder data generated by Safari 'blur-md scale-110', ),