Update app.py

app.py

@@ -8,6 +8,7 @@ from skimage.segmentation import mark_boundaries
 from keras.layers import BatchNormalization, DepthwiseConv2D, TFSMLayer
 import os
 from io import BytesIO
+import base64
 
 # --- Fix deserialization issues ---
 original_bn = BatchNormalization.from_config
@@ -21,6 +22,30 @@ DepthwiseConv2D.from_config = classmethod(
     lambda cls, config, *a, **k: original_dw({k: v for k, v in config.items() if k != "groups"}, *a, **k)
 )
 
+# --- Background Setup ---
+def set_background(image_path):
+    with open(image_path, "rb") as f:
+        encoded = base64.b64encode(f.read()).decode()
+    st.markdown(f"""
+        <style>
+        .stApp {{
+            background-image: url("data:image/jpg;base64,{encoded}");
+            background-size: cover;
+            background-attachment: fixed;
+        }}
+        .overlay {{
+            background-color: rgba(255, 255, 255, 0.80);  /* light semi-transparent */
+            padding: 1.5rem;
+            border-radius: 10px;
+        }}
+        h1, h2, h3, h4, h5, h6, .stMarkdown p {{
+            color: #000000 !important;
+        }}
+        </style>
+    """, unsafe_allow_html=True)
+
+set_background("background.jpg")
+
 # --- Constants ---
 IMG_SIZE = (224, 224)
 CLASS_NAMES = [
@@ -154,10 +179,8 @@ def show_lime(img, model, pred_idx, pred_label, all_probs):
 
         col1, col2 = st.columns([1, 1])
         with col1:
-            # 📌 Compact image display with fixed pixel width
             st.image(lime_img, caption="📍 LIME Focus", width=200)
 
-            # 💾 Download LIME image
             buf = BytesIO()
             plt.imsave(buf, lime_img, format="png")
             buf.seek(0)
@@ -165,10 +188,7 @@ def show_lime(img, model, pred_idx, pred_label, all_probs):
 
         with col2:
             st.markdown("### 🧠 Model's Reasoning")
-            st.markdown(explanation_text.get(pred_label, "No explanation available."))
-
-
-
+            st.markdown(f"<div class='overlay'>{explanation_text.get(pred_label, 'No explanation available.')}</div>", unsafe_allow_html=True)
 
 # --- UI ---
 st.set_page_config(page_title="👁 Retina Classifier with LIME", layout="wide")