diff --git a/src/components/Image.astro b/src/components/Image.astro
new file mode 100644
index 0000000..898ea9d
--- /dev/null
+++ b/src/components/Image.astro
@@ -0,0 +1,17 @@
+---
+// Properties
+const {
+    Source,
+    Alt
+} = Astro.props
+---
+
+<img 
+    src={Source} 
+    alt={Alt}
+    onload="this.style.transition = '1s opacity'; this.style.opacity = '1'"
+/>
+
+<!-- Once the image is done loading, instead of cutting in, try to fade in instead. -->
+<!-- See the `onload` script in the image tag. -->
+<style>img {opacity: 0}</style>
\ No newline at end of file