Update app.py

app.py

@@ -33,7 +33,7 @@ body, .gradio-container{
   color: var(--text) !important;
 }
 
-/* Background video layer */
+/* Background image layer */
 #bg-wrap{
   position: fixed;
   inset: 0;
@@ -41,13 +41,17 @@ body, .gradio-container{
   pointer-events: none;
   overflow: hidden;
 }
-#bg-video{
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  opacity: 0.20;
+
+#bg-image{
+  position: absolute;
+  inset: 0;
+  background-image: url("https://huggingface.co/spaces/LevyJonas/SurfaceChangePredictor/resolve/main/assets/bg.jpeg");
+  background-size: cover;
+  background-position: center;
+  opacity: 0.22;              /* tweak: 0.15–0.35 */
   filter: contrast(1.08) saturate(1.05);
 }
+
 #bg-overlay{
   position:absolute;
   inset:0;
@@ -55,7 +59,7 @@ body, .gradio-container{
               linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.88) 100%);
 }
 
-/* App container above video */
+/* App container above background */
 #app-wrap{
   position: relative;
   z-index: 1;
@@ -107,13 +111,6 @@ body, .gradio-container{
   padding: 16px;
   box-shadow: 0 10px 40px rgba(0,0,0,0.35);
 }
-.panel h3{
-  margin: 0 0 10px;
-  font-size: 13px;
-  letter-spacing: 0.6px;
-  color: var(--muted);
-  text-transform: uppercase;
-}
 
 /* Inputs */
 textarea, input{
@@ -227,14 +224,11 @@ def run_quickstarter(rel_path, prompt, k_retrieve, n_i2i, n_t2i, strength_i2i, s
 # ----------------------------
 with gr.Blocks(title="Satellite Patch: Retrieve + Generate", css=CSS) as demo:
 
-    # OPTIONAL background video:
-    # Upload a small loop video to your Space repo at: assets/bg.mp4
+    # OPTIONAL background image:
     # If you don't have it, comment this HTML block out.
     gr.HTML("""
 <div id="bg-wrap">
-  <video id="bg-video" autoplay muted loop playsinline>
-    <source src="<source src="https://huggingface.co/spaces/LevyJonas/SurfaceChangePredictor/resolve/main/assets/bg.mp4" type="video/mp4">" type="video/mp4">
-  </video>
+  <div id="bg-image"></div>
   <div id="bg-overlay"></div>
 </div>
 """)