diff --git a/front/src/components/Promo/gallery.vue b/front/src/components/Promo/gallery.vue
index df7402e..d7ff234 100644
--- a/front/src/components/Promo/gallery.vue
+++ b/front/src/components/Promo/gallery.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
-import * as d3 from "d3";
-import { onMounted } from "vue";
+import { SERVER_URL, IMAGE_URL } from '../../constants'
+import * as d3 from "d3"
+import { onMounted } from "vue"
 
 const componentFiles = import.meta.glob('../../assets/promo/bg/bg_*.jpg', { eager: true })
 const componentFilesEntries = Object.entries(componentFiles);
 
-onMounted(() => {
+onMounted(async () => {
+    const res = await fetch(`${SERVER_URL}/api/front_img/`)
+    const files = await res.json()
     const width = 1920
     const height = 1080
     const radius = 10
@@ -16,8 +19,10 @@ onMounted(() => {
 
     var defs = svg.append('svg:defs');
 
-    componentFilesEntries.forEach((element: any, i) => {
-        const src = element[1].default
+    files.forEach((element: any, i: number) => {
+        // const src = element[1].default
+        const src = `${IMAGE_URL}/${element.file}`
+        console.log(src)
         defs.append("svg:pattern")
             .attr("id", `img${i}`).attr("width", 1920).attr("height", 1080).attr("patternUnits", "userSpaceOnUse").attr("preserveAspectRatio", "none")
             .append("svg:image").attr("xlink:href", src).attr("width", 1920).attr("height", 1080).attr("x", 0).attr("y", 0);
diff --git a/front/src/constants.ts b/front/src/constants.ts
index 7c4a256..66ca418 100644
--- a/front/src/constants.ts
+++ b/front/src/constants.ts
@@ -1 +1,2 @@
-export const SERVER_URL = import.meta.env.VITE_SERVER_URL ?? window.location.origin
\ No newline at end of file
+export const SERVER_URL = import.meta.env.VITE_SERVER_URL ?? window.location.origin
+export const IMAGE_URL = import.meta.env.VITE_IMAGE_URL ?? window.location.origin
\ No newline at end of file