From 6badfefc564a010ca2e2f6b43d3e2b74c292ed9e Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 5 Apr 2025 00:40:56 -0500
Subject: [PATCH] Fix image fallback/zoom controls interaction

---
 src/components/image/ImageWithFallback.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/image/ImageWithFallback.tsx b/src/components/image/ImageWithFallback.tsx
index a3973001..a455a838 100644
--- a/src/components/image/ImageWithFallback.tsx
+++ b/src/components/image/ImageWithFallback.tsx
@@ -71,6 +71,14 @@ export default function ImageWithFallback(props: ImageProps & {
         className,
       )}
     >
+      <Image {...{
+        ...rest,
+        ref: imgRef,
+        priority,
+        className: classNameImage,
+        onLoad,
+        onError,
+      }} />
       <div className={clsx(
         '@container',
         'absolute inset-0',
@@ -96,14 +104,6 @@ export default function ImageWithFallback(props: ImageProps & {
             'bg-gray-100/50 dark:bg-gray-900/50',
           )} />}
       </div>
-      <Image {...{
-        ...rest,
-        ref: imgRef,
-        priority,
-        className: classNameImage,
-        onLoad,
-        onError,
-      }} />
     </div>
   );
 }
\ No newline at end of file