Update app.py

app.py

@@ -70,6 +70,13 @@ function createGradioAnimation() {
 """
 
 css = """
+#banner-img img {
+    width: 100% !important;
+    height: auto !important;
+    max-height: 280px;
+    object-fit: contain;
+}
+
 #input-img img {
     width: 300px !important;
     height: 300px !important;    
@@ -85,12 +92,15 @@ background = image.resize((3000, 700))
 
 with gr.Blocks() as demo:
     gr.HTML('''
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet">
+    
     <style>
     @keyframes fadeIn{
         from { opacity: 0; transform: translateY(-10px); }
         to { opacity: 1; transform: translateY(0);}
     }
     .title {
+        font-family: 'Poppins', sans-serif;
         text-align: center;
         font-size: 36px;
         color: #2c3e50;
@@ -104,7 +114,7 @@ with gr.Blocks() as demo:
     ''')
     
     with gr.Row():
-        gr.Image(value=background, height = 280, interactive = False)
+        gr.Image(value=background, interactive = False, elem_id = "banner-img")
     with gr.Row():
         gr.Markdown(
             '''