Update app.py

app.py

@@ -275,12 +275,19 @@ def stream_chat(input_image: Image.Image, caption_type: str, caption_tone: str,
     return caption
 
 css = """
-h1, h2, h3, h4, h5, h6, p, li, ul, ol, a {
+h1, h2, h3, h4, h5, h6, p, li, ul, ol, a, img {
     text-align: left;
 }
+img {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 10px;
+    max-width: 100%;
+    height: auto;
+}
 .centered-image {
     display: block;
-    margin-left: auto;
+    margin-left: 0;
     margin-right: auto;
     max-width: 100%;
     height: auto;
@@ -418,7 +425,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
     with gr.Tab("Welcome"):
         gr.Markdown(
             """
-            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/LVZnwLV43UUvKu3HORqSs.webp" alt="UDG" class="centered-image" width="250" style="max-width: 100%; height: auto;">
+            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/LVZnwLV43UUvKu3HORqSs.webp" alt="UDG" width="250" style="max-width: 100%; height: auto;">
 
             # 🎨 Underground Digital's Caption Captain: AI-Powered Art Inspiration
 
@@ -440,7 +447,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
         with gr.Row():
             password = gr.Textbox(label="Password", type="password", placeholder="Enter your password", value="ugd!", visible=False)
         with gr.Row():
-            login_button = gr.Button("Login", size="sm")
+            login_button = gr.Button("Login", size="sm", visible=False)
         login_message = gr.Markdown(visible=False)
     
     with gr.Tab("Caption Captain") as app_container:
@@ -448,7 +455,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
             gr.Markdown("""
             # How to Use Caption Captain
 
-            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/Ce_Z478iOXljvpZ_Fr_Y7.png" alt="Captain" class="centered-image" width="100" style="max-width: 100%; height: auto;">
+            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/Ce_Z478iOXljvpZ_Fr_Y7.png" alt="Captain" width="100" style="max-width: 100%; height: auto;">
 
             Hello, artist! Let's make some fun captions for your pictures. Here's how: