Tweak placeholder z-order

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',
           ),