diff --git a/components/gallery/GalleryCard.vue b/components/gallery/GalleryCard.vue
index 2e802f6314..48eb9f243b 100644
--- a/components/gallery/GalleryCard.vue
+++ b/components/gallery/GalleryCard.vue
@@ -161,8 +161,8 @@ const largeDisplay = computed(
       bottom: 0;
       opacity: 1;
       @apply z-[2];
-      background: $frosted-glass-background;
-      backdrop-filter: $frosted-glass-backdrop-filter;
+      background: rgba(12, 12, 12, 0.7);
+      backdrop-filter: blur(20px);
     }
 
     &:hover .card-image img {