næste side fix

app/services/markdown_render.py

@@ -6,7 +6,7 @@ def img_left_overlay(src):
     """Render an image with overlay."""
     return f'''
     <div class="img-left-overlay">
-        <img src="{src}" alt="Overlay Image">
+        <img src="{src}" alt="Overlay Image" loading="lazy">
         <div class="overlay-text">Overlay Text</div>
     </div>
     '''
@@ -59,13 +59,13 @@ def slider(options, images):
         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{modal_id}')" class="stacked-button">  <img src="{val}" alt="Lets do better" class="thumbnail"></button>""".strip())
+            html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button">  <img src="{val}" alt="Lets do better" class="thumbnail" loading="lazy"></button>""".strip())
         else:
-            html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button">  <img src="{val}" alt="Lets do better" class="thumbnail" ></button>""".strip())
+            html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button">  <img src="{val}" alt="Lets do better" class="thumbnail" loading="lazy"></button>""".strip())
         html_content.append(f"""<div class="modal" id="modal{modal_id}"> 
                                    <div class="modal-content"> 
                                       <h2>Modal {i}</h2>  
-                                      <img src="{val}" alt="Lets do better"> 
+                                      <img src="{val}" alt="Lets do better" loading="lazy"> 
                                       <div class="modal-buttons">
                                         <button onclick="closeModal('modal{modal_id}')">Close</button>
                                         <button class="next-btn" onclick="nextModal('modal{modal_id}', 'modal{modal_id_next}')">Next</button>