diff --git a/src/lib/components/Image.svelte b/src/lib/components/Image.svelte
index 08d6859..e7e6b1d 100644
--- a/src/lib/components/Image.svelte
+++ b/src/lib/components/Image.svelte
@@ -1,5 +1,5 @@
 <img
-  bind:this={node}
+  onload={() => loaded = true}
   class:loaded
   class="noscript-visible"
   {loading}
@@ -20,20 +20,7 @@
     ...others
   } = $props()
 
-  let node = $state()
   let loaded = $state(false)
-
-  $effect(() => {
-    if (!node) {
-      return
-    }
-    
-    if (node.complete) {
-      loaded = true
-    } else {
-      node.addEventListener('load', () => loaded = true, { once: true })
-    }
-  })
 </script>
 
 <style lang="scss">