From 72c87872982beecad7221b4622adb923df39bcc3 Mon Sep 17 00:00:00 2001
From: rachel-mp4 <rachel@moth11.net>
Date: Tue, 14 Oct 2025 13:01:40 -0400
Subject: [PATCH] see if this beeps

---
 src/lib/components/ImageTransmission.svelte | 24 ++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/ImageTransmission.svelte b/src/lib/components/ImageTransmission.svelte
index 9f96a1d..38946ad 100644
--- a/src/lib/components/ImageTransmission.svelte
+++ b/src/lib/components/ImageTransmission.svelte
@@ -106,7 +106,18 @@
             {/if}
         </div>
         {#if image.src || image.msrc}
-            <img src={image.msrc ? image.msrc : image.src} alt={image.alt} />
+            <div class="image-wrapper">
+                <img
+                    class="bg-img"
+                    src={image.msrc ? image.msrc : image.src}
+                    alt={image.alt}
+                />
+                <img
+                    class="fg-img"
+                    src={image.msrc ? image.msrc : image.src}
+                    alt={image.alt}
+                />
+            </div>
         {:else}
             i don't have an image yet
         {/if}
@@ -230,4 +241,15 @@
     button:hover {
         font-weight: 700;
     }
+    .image-wrapper {
+        position: relative;
+    }
+    .image-wrapper .bg-img {
+        position: absolute;
+        z-index: -1;
+    }
+    .image-wrapper .bg-img {
+        position: relative;
+        opacity: 0.5;
+    }
 </style>
-- 
2.51.2