Update app.py

app.py

@@ -99,51 +99,53 @@ with gr.Blocks(css="""
     margin: 0 !important;
 }
 """) as demo:
-    gr.Markdown("""
-
-<div align="center">
-  <img src="https://github.com/NVIDIA/audio-flamingo/blob/audio_flamingo_3/static/logo-no-bg.png" alt="Audio Flamingo 3 Logo" width="120" style="margin-bottom: 10px;">
-  
-  <h2><strong>Audio Flamingo 3</strong></h2>
-  <p><em>Advancing Audio Intelligence with Fully Open Large Audio-Language Models</em></p>
-</div>
-
-<div align="center" style="margin-top: 10px;">
-  <a href="">
-    <img src="https://img.shields.io/badge/arXiv-2503.03983-AD1C18" alt="arXiv">
-  </a>
-  <a href="https://research.nvidia.com/labs/adlr/AF3/">
-    <img src="https://img.shields.io/badge/Demo%20page-228B22" alt="Demo Page">
-  </a>
-  <a href="https://github.com/NVIDIA/audio-flamingo">
-    <img src="https://img.shields.io/badge/Github-Audio_Flamingo_3-9C276A" alt="GitHub">
-  </a>
-  <a href="https://github.com/NVIDIA/audio-flamingo/stargazers">
-    <img src="https://img.shields.io/github/stars/NVIDIA/audio-flamingo.svg?style=social" alt="GitHub Stars">
-  </a>
-</div>
-
-<div align="center" style="display: flex; justify-content: center; margin-top: 10px; flex-wrap: wrap; gap: 5px;">
-  <a href="https://huggingface.co/nvidia/audio-flamingo-3">
-    <img src="https://img.shields.io/badge/🤗-Checkpoints-ED5A22.svg">
-  </a>
-  <a href="https://huggingface.co/nvidia/audio-flamingo-3-chat">
-    <img src="https://img.shields.io/badge/🤗-Checkpoints_(Chat)-ED5A22.svg">
-  </a>
-  <a href="https://huggingface.co/datasets/nvidia/AudioSkills">
-    <img src="https://img.shields.io/badge/🤗-Dataset:_AudioSkills--XL-ED5A22.svg">
-  </a>
-  <a href="https://huggingface.co/datasets/nvidia/LongAudio">
-    <img src="https://img.shields.io/badge/🤗-Dataset:_LongAudio--XL-ED5A22.svg">
-  </a>
-  <a href="https://huggingface.co/datasets/nvidia/AF-Chat">
-    <img src="https://img.shields.io/badge/🤗-Dataset:_AF--Chat-ED5A22.svg">
-  </a>
-  <a href="https://huggingface.co/datasets/nvidia/AF-Think">
-    <img src="https://img.shields.io/badge/🤗-Dataset:_AF--Think-ED5A22.svg">
-  </a>
-</div>
-""")
+
+    with gr.Column():
+        gr.Markdown("""
+    
+    <div align="center">
+      <img src="https://github.com/NVIDIA/audio-flamingo/blob/audio_flamingo_3/static/logo-no-bg.png" alt="Audio Flamingo 3 Logo" width="120" style="margin-bottom: 10px;">
+      
+      <h2><strong>Audio Flamingo 3</strong></h2>
+      <p><em>Advancing Audio Intelligence with Fully Open Large Audio-Language Models</em></p>
+    </div>
+    
+    <div align="center" style="margin-top: 10px;">
+      <a href="">
+        <img src="https://img.shields.io/badge/arXiv-2503.03983-AD1C18" alt="arXiv">
+      </a>
+      <a href="https://research.nvidia.com/labs/adlr/AF3/">
+        <img src="https://img.shields.io/badge/Demo%20page-228B22" alt="Demo Page">
+      </a>
+      <a href="https://github.com/NVIDIA/audio-flamingo">
+        <img src="https://img.shields.io/badge/Github-Audio_Flamingo_3-9C276A" alt="GitHub">
+      </a>
+      <a href="https://github.com/NVIDIA/audio-flamingo/stargazers">
+        <img src="https://img.shields.io/github/stars/NVIDIA/audio-flamingo.svg?style=social" alt="GitHub Stars">
+      </a>
+    </div>
+    
+    <div align="center" style="display: flex; justify-content: center; margin-top: 10px; flex-wrap: wrap; gap: 5px;">
+      <a href="https://huggingface.co/nvidia/audio-flamingo-3">
+        <img src="https://img.shields.io/badge/🤗-Checkpoints-ED5A22.svg">
+      </a>
+      <a href="https://huggingface.co/nvidia/audio-flamingo-3-chat">
+        <img src="https://img.shields.io/badge/🤗-Checkpoints_(Chat)-ED5A22.svg">
+      </a>
+      <a href="https://huggingface.co/datasets/nvidia/AudioSkills">
+        <img src="https://img.shields.io/badge/🤗-Dataset:_AudioSkills--XL-ED5A22.svg">
+      </a>
+      <a href="https://huggingface.co/datasets/nvidia/LongAudio">
+        <img src="https://img.shields.io/badge/🤗-Dataset:_LongAudio--XL-ED5A22.svg">
+      </a>
+      <a href="https://huggingface.co/datasets/nvidia/AF-Chat">
+        <img src="https://img.shields.io/badge/🤗-Dataset:_AF--Chat-ED5A22.svg">
+      </a>
+      <a href="https://huggingface.co/datasets/nvidia/AF-Think">
+        <img src="https://img.shields.io/badge/🤗-Dataset:_AF--Think-ED5A22.svg">
+      </a>
+    </div>
+    """)
 
     # gr.Markdown("#### NVIDIA (2025)")