Update app.py

app.py

@@ -18,15 +18,35 @@ def key_generated():
     else:
         print("Keys have been generated ✅")
         return {gen_key_btn: gr.update(value="Keys have been generated ✅")}
+
+
+CSS = """                
+        #accordion-label { /* Custom styling for the Accordion title */
+            background-color: #f0f0f0  !important; /* Set the background color to gray */
+        }
+        
+        #ie_plot_output {  /* Target the image output container */
+            align-items: center;
+            justify-content: center;
+            margin: auto;  /* Ensure it is centered */
+        }
+"""
     
-demo = gr.Blocks(css=".markdown-body { font-size: 18px; }")
+demo = gr.Blocks(css=CSS)#".markdown-body { font-size: 18px; }")
 
 with demo:
-    with gr.Row():
-        with gr.Column(elem_id="center_column"):
-            gr.Image("Img/zama.png", width=200, show_label=False)
-        with gr.Column(elem_id="center_column"):
-            gr.Image("Img/Epita.png", width=200, show_label=False)
+    # with gr.Row():
+    #     with gr.Column(elem_id="center_column"):
+    #         gr.Image("Img/zama.png", width=200, show_label=False)
+    #     with gr.Column(elem_id="center_column"):
+    #         gr.Image("Img/Epita.png", width=200, show_label=False)
+    gr.Markdown(
+            """
+            <p align="center">
+                <img width=200 src="https://user-images.githubusercontent.com/5758427/197816413-d9cddad3-ba38-4793-847d-120975e1da11.png">
+            </p>
+            """
+        )
 
     # gr.Markdown(
     #     f"""