diff --git a/src/components/node/NodeImageSwiperBlock/index.tsx b/src/components/node/NodeImageSwiperBlock/index.tsx
index b6ea234b..0e8b6102 100644
--- a/src/components/node/NodeImageSwiperBlock/index.tsx
+++ b/src/components/node/NodeImageSwiperBlock/index.tsx
@@ -130,6 +130,7 @@ const NodeImageSwiperBlock: FC<IProps> = observer(({ node }) => {
         {images.map((file, i) => (
           <SwiperSlide className={styles.slide} key={file.id}>
             <Image
+              style={{ backgroundColor: file.metadata?.dominant_color }}
               src={getURL(file, ImagePresets['1600'])}
               width={file.metadata?.width}
               height={file.metadata?.height}
diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss
index 0b2a3506..85b6a749 100644
--- a/src/components/node/NodeImageSwiperBlock/styles.module.scss
+++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss
@@ -122,6 +122,7 @@
   border-radius: $radius;
   transition: box-shadow 1s;
   box-shadow: transparentize(black, 0.7) 0 3px 5px;
+  background-color: red;
 
   :global(.swiper-slide-active) & {
     box-shadow: transparentize(black, 0.9) 0 10px 5px 4px,