Update app.py

app.py

@@ -46,6 +46,8 @@ examples = [
     ['example1.png'],
     ['example2.png'],
     ['example3.png'],
+    ['example5.webp'],
+    ['example6.webp'],
 ]
 
 css = """
@@ -57,6 +59,19 @@ body {
     background-color: rgb(17, 24, 39) !important;
     border: none !important;
 }
+#example_img .hide-container{
+  height:80px;
+  width:100%;
+  transition: transform 0.5s ease;
+}
+#example_img{
+  width:100%;
+}
+#example_img img{
+  height:80px;
+  width:auto;
+  transition: transform 0.5s ease;
+}
 footer {display: none !important;}
 """
     
@@ -66,7 +81,7 @@ with gr.Blocks(css=css) as demo:
     with gr.Row():
         with gr.Column(scale=2):  # Adjust scale for proper sizing
             image_input = gr.Image(type="numpy", label="Upload Image", width=width, height=height)
-            gr.Examples(examples=examples, inputs=image_input, examples_per_page=3)
+            gr.Examples(examples=examples, inputs=image_input, examples_per_page=5, elem_id="example_img")
             process_button = gr.Button("Nude!")
 
     def update_status(img):