diff --git a/src/lib/components/MemoryCard.svelte b/src/lib/components/MemoryCard.svelte
index b5407a1..a274cfe 100644
--- a/src/lib/components/MemoryCard.svelte
+++ b/src/lib/components/MemoryCard.svelte
@@ -38,7 +38,7 @@
         background: var(--black);
         border-radius: 12px;
         overflow: hidden;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        box-shadow: 0 2px 4px rgba(200, 200, 200, 0.2);
         transition: transform 0.2s ease, box-shadow 0.2s ease;
         cursor: pointer;
         font-family: 'Inter', sans-serif;
@@ -46,7 +46,7 @@
     }
     .memory-card:hover {
         transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        box-shadow: 0 4px 8px rgba(200, 200, 200, 0.2);
     }
     .image {
         height: 160px;
diff --git a/src/routes/viewimage/[tripId]/[memoryId]/+page.svelte b/src/routes/viewimage/[tripId]/[memoryId]/+page.svelte
index 99dc25f..f75bf3c 100644
--- a/src/routes/viewimage/[tripId]/[memoryId]/+page.svelte
+++ b/src/routes/viewimage/[tripId]/[memoryId]/+page.svelte
@@ -332,6 +332,7 @@
               {#each gradientLayers as style}
                 <div class="layer" style={style}></div>
               {/each}
+              <div class="wheel-mask-center"></div>
             </div>
           </div>
 
@@ -614,5 +615,18 @@
     cursor: pointer;
     z-index: 5;
   }
+
+  .wheel-mask-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 50%;
+    height: 50%;
+    background: var(--black);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 10;
+    pointer-events: none;
+  }
 </style>
 
diff --git a/static/favicon.ico b/static/favicon.ico
index 7922bff..954647d 100644
Binary files a/static/favicon.ico and b/static/favicon.ico differ