Use high quality PNG showcase images

app.py

@@ -260,10 +260,10 @@ body, .gradio-container {
   margin: 0 auto;
   position: relative;
   min-height: 148px;
-  border: 2px solid #a9caff;
+  border: 1.5px solid #a9caff;
   border-radius: 32px !important;
   background: #fff !important;
-  box-shadow: 0 18px 46px rgba(93, 150, 255, .18), 0 0 0 6px rgba(176, 207, 255, .16) !important;
+  box-shadow: 12px 16px 34px rgba(93, 150, 255, .18) !important;
   overflow: hidden;
 }
 .prompt-shell .block,
@@ -295,6 +295,7 @@ body, .gradio-container {
   bottom: 14px;
   width: 46px !important;
   min-width: 46px !important;
+  height: 46px !important;
   z-index: 3;
 }
 .prompt-submit {
@@ -303,8 +304,23 @@ body, .gradio-container {
   bottom: 14px;
   width: 46px !important;
   min-width: 46px !important;
+  height: 46px !important;
   z-index: 3;
 }
+.prompt-upload,
+.prompt-submit,
+.prompt-upload .block,
+.prompt-submit .block,
+.prompt-upload .wrap,
+.prompt-submit .wrap,
+.prompt-upload .form,
+.prompt-submit .form {
+  border: 0 !important;
+  border-radius: 999px !important;
+  background: #dbeaff !important;
+  box-shadow: 0 8px 18px rgba(72, 130, 238, .18) !important;
+  overflow: hidden !important;
+}
 .prompt-upload button,
 .prompt-submit button {
   width: 46px !important;
@@ -316,14 +332,16 @@ body, .gradio-container {
   background: #dbeaff !important;
   color: #3677e8 !important;
   font-size: 26px !important;
-  box-shadow: 0 8px 18px rgba(72, 130, 238, .22) !important;
+  box-shadow: none !important;
 }
 .prompt-submit button {
   background: #dbeaff !important;
   font-size: 22px !important;
 }
 .prompt-upload button:hover,
-.prompt-submit button:hover {
+.prompt-submit button:hover,
+.prompt-upload:hover,
+.prompt-submit:hover {
   background: #c9ddff !important;
   color: #1f63d2 !important;
 }