Update app.py

app.py

@@ -40,17 +40,28 @@ def rt_transcribe(audio, state=""):
 
 demo = gr.Blocks()
 examples=[["examples/example1.mp3"], ["examples/example2.mp3"],["examples/example3.mp3"]]
+
+<style>
+  .full-bg {
+    background-image: url('https://huggingface.co/spaces/SakshiRathi77/SakshiRathi77-Wav2Vec2-hi-kagglex/resolve/main/Images/image-bg.jpg');
+    background-size: cover;
+    height: 100vh;
+  }
+</style>
+
+
 description = """
-<p>
+
+<div class="full-bg">
+<p style="font-family: 'Arial', sans-serif; font-size: 24px; font-weight: bold;">
 <center>
 Welcome to the HindiSpeechPro, a cutting-edge interface powered by a fine-tuned version of facebook/wav2vec2-xls-r-300m on the common_voice dataset. Easily convert your spoken words to accurate text with just a few clicks.
+<img src="https://huggingface.co/spaces/SakshiRathi77/SakshiRathi77-Wav2Vec2-hi-kagglex/blob/main/Images/Hindi-Speech-Voice-Recognition-Tool.jpg" alt="logo" style="width:500px;height:auto;>
 </center>
 </p>
-<img src="https://huggingface.co/spaces/SakshiRathi77/SakshiRathi77-Wav2Vec2-hi-kagglex/blob/main/Images/Hindi-Speech-Voice-Recognition-Tool.jpg" alt="logo"/>
-
+</div>
 """
 
-css='div {background-image: url("https://huggingface.co/spaces/SakshiRathi77/SakshiRathi77-Wav2Vec2-hi-kagglex/resolve/main/Images/image-bg.jpg")}'
 
 mf_transcribe = gr.Interface(
     fn=transcribe,