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