Update app.py

app.py

@@ -308,7 +308,7 @@ with gr.Blocks(css="style.css") as demo:
     gr.HTML("""<img style="margin: 0 auto; width: 180px;" src="https://i.imgur.com/zDcvSbg.png" alt="LEDITS SDXL LoRA Photobooth">""")
     gr.HTML("""<img style="margin: 0 auto; width: 285px;margin-bottom: .5em;margin-top:-50px;padding-left: 10px;" src="https://i.imgur.com/hvZOBzY.png" alt="LEDITS SDXL LoRA Photobooth">""")
     #gr.HTML("""<img class="background-printing" style="display: none" src="https://i.imgur.com/gqXjjP0.jpg" /> """, elem_id="background_printing_wrapper")
-    with gr.Group(elem_id="total_box"):
+    with gr.Box(elem_id="total_box"):
         gr.HTML(
             """
             <h3>Smile, take a pic 📷✨ and it'll be inverted and edited using <a href="https://editing-images-project.static.hf.space/" target="_blank">LEDITS</a> and a random SDXL LoRA</h3>
@@ -323,7 +323,7 @@ with gr.Blocks(css="style.css") as demo:
         gr_picked_lora = gr.State()
         spooky_concept = gr.State()
         with gr.Row():
-            input_image = gr.ImageEditor(label="Input Image", height=405, elem_id="input_image")
+            input_image = gr.Image(label="Input Image", height=405, source="webcam", interactive=True, elem_id="input_image")
             with gr.Column(elem_classes="output_column") as output_column:
                 with gr.Row(visible=False) as loaded_lora:
                     lora_image = gr.Image(interactive=False, height=128, width=128, elem_id="lora_image", show_label=False, show_download_button=False)