trying a link for the image

README.md

@@ -5,7 +5,7 @@ colorFrom: red
 colorTo: purple
 sdk: gradio
 python_version: 3.11
-sdk_version: 3.29.0
+sdk_version: 3.30.0
 app_file: app.py
 tags: [proteins, text-to-image] 
 fullWidth: true

app.py

@@ -68,9 +68,10 @@ with gr.Blocks() as demo:
         gr.Markdown("The protein image is optional and is just used for display.")            
     
     with gr.Row().style(equal_height=True):
-        nucleus_image = gr.Image(value = './images/Armadillo repeat-containing X-linked protein 5 nucleus.jpg', 
+        nucleus_image = gr.Image(value = 'https://huggingface.co/spaces/HuangLab/CELL-E_2/resolve/main/images/Armadillo%20repeat-containing%20X-linked%20protein%205%20nucleus.jpg', 
                    type='pil',
-                   label = 'Nucleus Image')
+                   label = 'Nucleus Image',
+                    image_mode='L')
         
         protein_image =  gr.Image(type='pil', label = 'Protein Image (Optional)')
         
@@ -79,13 +80,16 @@ with gr.Blocks() as demo:
     
     with gr.Row().style(equal_height=True):   
         nucleus_image_crop = gr.Image(type='pil',
-                   label = 'Nucleus Image')
+                   label = 'Nucleus Image',
+                    image_mode='L')
 
         protein_threshold_image = gr.Image(type='pil', 
-                    label = 'Protein Threshold Image')
+                    label = 'Protein Threshold Image',
+                    image_mode='L')
         
         predicted_threshold_image = gr.Image(type='pil',
-                    label = 'Predicted Threshold image')
+                    label = 'Predicted Threshold image',
+                    image_mode='L')
                 
         predicted_heatmap = gr.Image(type='pil',
                             label = 'Predicted Heatmap')