From d2067f1770228a0523dd4d18aee67e882047eafa Mon Sep 17 00:00:00 2001
From: Dmitri <dtroshchenkov@gmail.com>
Date: Thu, 2 Apr 2026 09:42:09 +0400
Subject: [PATCH] fixed gallery background issue

---
 .../components/UiElements/elements/GalleryElement.tsx  | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/UiElements/elements/GalleryElement.tsx b/frontend/src/components/UiElements/elements/GalleryElement.tsx
index b66ff8c..f1bbfd4 100644
--- a/frontend/src/components/UiElements/elements/GalleryElement.tsx
+++ b/frontend/src/components/UiElements/elements/GalleryElement.tsx
@@ -52,9 +52,15 @@ const GalleryElement: React.FC<GalleryElementProps> = ({
     return font ? getFontStyle(font) : { fontFamily: fontKey };
   }, [element.galleryTextFontFamily]);
 
+  // Extract backgroundColor from style to apply to inner content wrapper
+  const { backgroundColor, ...outerStyle } = style;
+
   return (
-    <div className={className} style={style}>
-      <div className='flex flex-col gap-2 p-3 bg-black/60 rounded-xl min-w-[200px] backdrop-blur-sm'>
+    <div className={className} style={outerStyle}>
+      <div
+        className='flex flex-col gap-2 p-3 rounded-xl min-w-[200px] backdrop-blur-sm'
+        style={{ backgroundColor: backgroundColor || 'rgba(0, 0, 0, 0.6)' }}
+      >
         {/* Header image */}
         {headerImageUrl && (
           // eslint-disable-next-line @next/next/no-img-element