Update app.py

app.py

@@ -43,12 +43,17 @@ function createGradioAnimation() {
 image = Image.open('background3.png')
 
 #Calculate the new dimensions while maintaining the aspect ratio
-desire_height = 150
+new_height = 200
+new_width = int((new_height / image.height) * image.width)
 
-background = image.crop((0, 0, image.width, desire_height))
+#Resize the image
+resized_iamge = image.resize((new_width, new_height), Image.LANCZOS)
+
+#Pad the image to maintain the original width
+background = ImageOps.pad(resized_iamge, (image.width, new_height), method=Image.LANCZOS, color=(255,255,255))
 
 with gr.Blocks(js=js,theme=gr.themes.Soft()) as demo:
-    gr.Image(background, height = desire_height, width = image.width, interactive = False, show_download_button = False, show_share_button = False)
+    gr.Image(background, height = new_height, width = image.width, interactive = False, show_download_button = False, show_share_button = False)
     gr.Markdown(
         '''
         Eye disease can lead to vision impairment and complete blindness that affect one's ability in daily life.