Update app.py

app.py

@@ -157,27 +157,30 @@ st.markdown(f"**Found {len(valid_images)} matching shots**")
 st.write("---") 
 
 # ==========================================
-# 5. THE MASONRY GALLERY (Anti-Flicker Version)
+# 5. THE HTML GALLERY (Ultimate Anti-Flicker)
 # ==========================================
 if len(valid_images) > 0:
-    # Pull the current limit from memory
     current_limit = st.session_state.display_limit
     display_list = valid_images[:current_limit]
     
-    # Anti-flicker fix: Drawing the grid explicitly row-by-row instead of flat columns
     for i in range(0, len(display_list), 4):
         cols = st.columns(4)
         for j in range(4):
             if i + j < len(display_list):
                 img_data = display_list[i + j]
                 with cols[j]:
-                    st.image(img_data["url"], use_container_width=True)
-                    st.markdown(
-                        f'<a href="{img_data["url"]}" target="_blank">'
-                        f'<button style="width:100%; padding:8px; margin-bottom: 15px; border-radius:4px; border:1px solid #444; background:#222; color:white; cursor:pointer;">'
-                        f'View Full Size</button></a>', 
-                        unsafe_allow_html=True
-                    )
+                    # We bypass st.image and use pure HTML with loading="lazy"
+                    html_card = f"""
+                    <div style="margin-bottom: 15px;">
+                        <img src='{img_data["url"]}' style='width: 100%; border-radius: 6px; display: block;' loading='lazy'>
+                        <a href='{img_data["url"]}' target='_blank'>
+                            <button style='width:100%; padding:8px; margin-top: 8px; border-radius:4px; border:1px solid #444; background:#222; color:white; cursor:pointer;'>
+                                View Full Size
+                            </button>
+                        </a>
+                    </div>
+                    """
+                    st.markdown(html_card, unsafe_allow_html=True)
             
     # The Load More Button
     if len(valid_images) > current_limit: