Update app.py

app.py

@@ -51,6 +51,7 @@ css = '''
 .random_column{align-self: center}
 @media (max-width: 1024px) {
 .roulette_group{flex-direction: column}
+.selected_random img{object-fit: cover}
 }
 '''
 
@@ -106,12 +107,12 @@ with gr.Blocks(css=css) as demo:
         gr.HTML("<p>This 2 random LoRAs are loaded to SDXL, find a fun way to combine them 🎨</p>")
         with gr.Row():
             with gr.Column(min_width=10, scale=8, elem_classes="random_column"):
-              lora_1 = gr.Image(interactive=False, height=263)
+              lora_1 = gr.Image(interactive=False, height=263, elem_classes="selected_random")
               lora_1_prompt = gr.Markdown(visible=False)
             with gr.Column(min_width=10, scale=1, elem_classes="plus_column"):
               plus = gr.HTML("+", elem_classes="plus_button")
             with gr.Column(min_width=10, scale=8, elem_classes="random_column"):
-              lora_2 = gr.Image(interactive=False, height=263)
+              lora_2 = gr.Image(interactive=False, height=263, elem_classes="selected_random")
               lora_2_prompt = gr.Markdown(visible=False)
             with gr.Column(min_width=10, scale=1, elem_classes="plus_column"):
                equal = gr.HTML("=", elem_classes="plus_button")