Update app.py

app.py

@@ -85,7 +85,19 @@ def apply_filters(image, filter_type, brightness, contrast, sharpening):
     return image
 
 # Define Interface
-with gr.Blocks(css=""".gradio-container { background-color: #f7f7f7; text-align: center; }""") as app:
+with gr.Blocks(css="""
+    .gradio-container { background-color: #f7f7f7; text-align: center; }
+    #filter-dropdown, #brightness-slider, #contrast-slider, #sharpening-slider {
+        border: 1px solid #ddd;
+        border-radius: 8px;
+        padding: 8px;
+        color: #333;
+        margin: 5px auto;  /* Center the sliders */
+    }
+    #image-input, #image-output {
+        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
+        margin: 5px auto;  /* Center the images */ }""") as app:
     # Title and Description
     gr.Markdown("<h1 style='text-align: center; font-family: Arial, sans-serif; color: #333;'>Dynamic Photo Filter App</h1>")
     gr.Markdown("<p style='text-align: center; color: #666;'>Apply professional photo filters with adjustable brightness, contrast, and sharpness. Perfect your images instantly!</p>")