From 45383920034015a973892e39530c3cdeded45890 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Sat, 21 Mar 2026 12:54:33 +0100
Subject: [PATCH] finish portfolio animation without box shadow - related #20

---
 src/components/ui/GalleryAnimation.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/GalleryAnimation.svelte b/src/components/ui/GalleryAnimation.svelte
index f11162e..46c9b2b 100644
--- a/src/components/ui/GalleryAnimation.svelte
+++ b/src/components/ui/GalleryAnimation.svelte
@@ -29,7 +29,7 @@
 
 <div
   class="gallery-animation gallery-animation--vertical"
-  style="--gallery-duration: {columns[0]?.duration ?? 24}s{backgroundColor ? `; --background-color: ${backgroundColor}` : ''}{backgroundImage ? `; --background-image: url(${backgroundImage})` : ''}"
+  style="--gallery-duration: {columns[0]?.duration ?? 24}s{backgroundColor ? `; --background-color: ${backgroundColor}` : ''}{backgroundImage ? `; --gallery-background-image: url(${backgroundImage})` : ''}"
 >
 <div class="gallery-animation__overlay"></div>
   {#each columns as col}
@@ -68,8 +68,8 @@
     height: 100%;
     overflow: hidden;
     background-color: var(--background-color, transparent);
-    background-image: var(--background-image);
-    opacity: .7;
+    background-image: var(--gallery-background-image);
+    opacity: .8;
   }
 
   /* Vertical mode (Portfolio) */
@@ -105,12 +105,12 @@
     animation-duration: var(--gallery-duration);
   }
 
-  /* .gallery-animation__overlay {
+  .gallery-animation__overlay {
     position: absolute;
     inset: 0;
     background-color: #000;
     opacity: .5;
-  } */
+  }
 
   :global(.gallery-animation__image) {
     width: 100%;