diff --git a/src/Image.astro b/src/Image.astro
index f4e7ac2..7935415 100644
--- a/src/Image.astro
+++ b/src/Image.astro
@@ -18,12 +18,8 @@ const {
     fit={Fit} 
     format={Format} 
     quality={Quality}
-    onload="this.style.opacity = '1'"
+    onload="this.style.transition = '1s opacity, 1s box-shadow'; this.style.opacity = '1'"
     inferSize
 />
 
-<style>
-img {
-    opacity: 0; /* Fade in when it's loaded, see "onload" in component */
-}
-</style>
\ No newline at end of file
+<style>img {opacity: 0}</style>
\ No newline at end of file