diff --git a/app/services/markdown_render.py b/app/services/markdown_render.py
index 55e55d6..13db185 100644
--- a/app/services/markdown_render.py
+++ b/app/services/markdown_render.py
@@ -53,12 +53,16 @@ def slider(options, images):
     html_content = []
     html_content.append('<div class="button-stack">')
     for i, val in enumerate(images):
-
+        modal_id = f"{modal_id}_{i}"
+        modal_id_next = f"{modal_id}_{i+1}"
+       
+        if int(len(images))<=int(i+1):
+            modal_id_next = f"{modal_id}_0"
         if i % 2 == 0:
-            html_content.append(f"""<button onclick="openModal('modal{i}')" class="stacked-button">  <img src="{val}" class="thumbnail"></button>""".strip())
+            html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button">  <img src="{val}" class="thumbnail"></button>""".strip())
         else:
-            html_content.append(f"""<button onclick="openModal('modal{i}')" class="stacked-button">  <img src="{val}" class="thumbnail" ></button>""".strip())
-        html_content.append(f"""<div class="modal" id="modal{i}"> <div class="modal-content"> <h2>Modal {i}</h2> <img src="{val}" width="80%" height="80%"> <button onclick="closeModal('modal{i}')">Close</button><button class="next-btn" onclick="nextModal('modal{i}', 'modal{i+1}')">Next</button></div> </div>""")
+            html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button">  <img src="{val}" class="thumbnail" ></button>""".strip())
+        html_content.append(f"""<div class="modal" id="modal{modal_id}"> <div class="modal-content"> <h2>Modal {i}</h2> <img src="{val}" width="80%" height="80%"> <button onclick="closeModal('modal{i}')">Close</button><button class="next-btn" onclick="nextModal('modal{modal_id}', 'modal{modal_id_next}')">Next</button></div> </div>""")
     html_content.append( '</div>' )
     html  = '\n'.join( html_content )
 
diff --git a/data/Kultur/index.html b/data/Kultur/index.html
index 004a000..82f3f9f 100644
--- a/data/Kultur/index.html
+++ b/data/Kultur/index.html
@@ -54,12 +54,12 @@
 <li><strong>UCI El Corte Inglés</strong>: Den moderne biografoplevelse med de nyeste blockbusters. Sammenligneligt med Palads i København, men med en lidt mere luksuriøs oplevelse i selve komplekset.</li>
 </ul>
 <p><div class="button-stack">
-<button onclick="openModal('modal0')" class="stacked-button">  <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" class="thumbnail"></button>
-<div class="modal" id="modal0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal0', 'modal1')">Next</button></div> </div>
-<button onclick="openModal('modal1')" class="stacked-button">  <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" class="thumbnail" ></button>
-<div class="modal" id="modal1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal1', 'modal2')">Next</button></div> </div>
-<button onclick="openModal('modal2')" class="stacked-button">  <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" class="thumbnail"></button>
-<div class="modal" id="modal2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal2', 'modal3')">Next</button></div> </div>
+<button onclick="openModal('modal14AE1A_0')" class="stacked-button">  <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" class="thumbnail"></button>
+<div class="modal" id="modal14AE1A_0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal14AE1A_0', 'modal14AE1A_0_1')">Next</button></div> </div>
+<button onclick="openModal('modal14AE1A_0_1')" class="stacked-button">  <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" class="thumbnail" ></button>
+<div class="modal" id="modal14AE1A_0_1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal14AE1A_0_1', 'modal14AE1A_0_1_2')">Next</button></div> </div>
+<button onclick="openModal('modal14AE1A_0_1_2')" class="stacked-button">  <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" class="thumbnail"></button>
+<div class="modal" id="modal14AE1A_0_1_2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal14AE1A_0_1_2', 'modal14AE1A_0_1_2_3')">Next</button></div> </div>
 </div></p>
 <p>Biografbesøg i Lissabon er en afslappet måde at tilbringe tid med familien. Jeg nyder selv at tage afsted med Erika for at dele både film og hygge.</p>
 <h3>Teatrets verden: Fra klassikere til moderne eksperimenter</h3>
@@ -86,14 +86,14 @@
 <p>Samtidig er mange oplevelser billigere end i København, og her er en atmosfære, der er svær at finde nordpå: Lissabon har en unik blanding af tradition og modernitet, som gør den til en by, der bliver ved med at fascinere.</p>
 <h3>Lidt billeder</h3>
 <p><div class="button-stack">
-<button onclick="openModal('modal0')" class="stacked-button">  <img src="https://picsum.photos/id/34/500/375" class="thumbnail"></button>
-<div class="modal" id="modal0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://picsum.photos/id/34/500/375" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal0', 'modal1')">Next</button></div> </div>
-<button onclick="openModal('modal1')" class="stacked-button">  <img src="https://picsum.photos/id/42/500/375" class="thumbnail" ></button>
-<div class="modal" id="modal1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://picsum.photos/id/42/500/375" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal1', 'modal2')">Next</button></div> </div>
-<button onclick="openModal('modal2')" class="stacked-button">  <img src="https://picsum.photos/id/72/500/375" class="thumbnail"></button>
-<div class="modal" id="modal2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://picsum.photos/id/72/500/375" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal2', 'modal3')">Next</button></div> </div>
-<button onclick="openModal('modal3')" class="stacked-button">  <img src="https://picsum.photos/id/94/500/375" class="thumbnail" ></button>
-<div class="modal" id="modal3"> <div class="modal-content"> <h2>Modal 3</h2> <img src="https://picsum.photos/id/94/500/375" width="80%" height="80%"> <button onclick="closeModal('modal3')">Close</button><button class="next-btn" onclick="nextModal('modal3', 'modal4')">Next</button></div> </div>
+<button onclick="openModal('modal7DA7FC_0')" class="stacked-button">  <img src="https://picsum.photos/id/34/500/375" class="thumbnail"></button>
+<div class="modal" id="modal7DA7FC_0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://picsum.photos/id/34/500/375" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0', 'modal7DA7FC_0_1')">Next</button></div> </div>
+<button onclick="openModal('modal7DA7FC_0_1')" class="stacked-button">  <img src="https://picsum.photos/id/42/500/375" class="thumbnail" ></button>
+<div class="modal" id="modal7DA7FC_0_1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://picsum.photos/id/42/500/375" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0_1', 'modal7DA7FC_0_1_2')">Next</button></div> </div>
+<button onclick="openModal('modal7DA7FC_0_1_2')" class="stacked-button">  <img src="https://picsum.photos/id/72/500/375" class="thumbnail"></button>
+<div class="modal" id="modal7DA7FC_0_1_2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://picsum.photos/id/72/500/375" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0_1_2', 'modal7DA7FC_0_1_2_3')">Next</button></div> </div>
+<button onclick="openModal('modal7DA7FC_0_1_2_3')" class="stacked-button">  <img src="https://picsum.photos/id/94/500/375" class="thumbnail" ></button>
+<div class="modal" id="modal7DA7FC_0_1_2_3"> <div class="modal-content"> <h2>Modal 3</h2> <img src="https://picsum.photos/id/94/500/375" width="80%" height="80%"> <button onclick="closeModal('modal3')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0_1_2_3', 'modal7DA7FC_0_1_2_3_4')">Next</button></div> </div>
 </div></p>
             </div>
             <hr>