From f9625f18b556ee1fefa36b11de87132039001340 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Fri, 23 Feb 2024 16:36:12 -0600
Subject: [PATCH] Tweak placeholder z-order

---
 src/components/ImageBlurFallback.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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