Update app.py

app.py

@@ -347,6 +347,19 @@ html, .gradio-container, .dark, .dark * {
   background: #fffaf1 !important;
   color: #000 !important;
 }
+.scroll_lists::-webkit-scrollbar {
+    width: 16px;
+}
+ 
+.scroll_lists::-webkit-scrollbar-track {
+    background-color: #e4e4e4;
+    border-radius: 100px;
+}
+ 
+.scroll_lists::-webkit-scrollbar-thumb {
+    background-color: #f4aa90;
+    border-radius: 100px;
+}
 #col-container {
   background: #fffaf1;
   padding: 20px;
@@ -391,24 +404,14 @@ html, .gradio-container, .dark, .dark * {
 }
 #component-25 > div > img {
   object-fit: fill !important;
-  height: 100% !important;
-  width: 100% !important;
 }
 #component-25 {
-  height: 50vw !important;
-  width: 100% !important;
 }
 #component-25 .gr-image {
-  height: 100% !important;
-  width: 100% !important;
 }
 #component-25 .gr-image > div {
-  height: 100% !important;
-  width: 100% !important;
 }
 .image-frame.svelte-w225pd {
-  height: 100% !important;
-  width: 100% !important;
   text-align:center;
 }
 .image-frame.svelte-w225pd img{
@@ -490,10 +493,6 @@ height: auto !important;
   animation: jump 2s infinite ease-in-out;
   vertical-align: middle;
 }
-.svelte-zyxd38{
- width: 100% !important;
- height: 100% !important;
-}
 @keyframes jump {
   0%, 100% { transform: translateY(10px); opacity: 1;}
   50%      { transform: translateY(-10px); opacity: 1;}
@@ -550,7 +549,7 @@ window.addEventListener('load', () => {
         <span style="animation-delay:0.8s">e</span>
         <span style="animation-delay:0.9s">s</span>
         <span style="animation-delay:1.0s">s</span>
-        <img src="[https://huggingface.co/spaces/cocoat/Re.cocoamixXL3/resolve/main/icon.png](https://huggingface.co/spaces/cocoat/Re.cocoamixXL3/resolve/main/icon.png)" width="32" height="32" />
+        <img src="https://huggingface.co/spaces/cocoat/Re.cocoamixXL3/resolve/main/icon.png" width="32" height="32" />
       </div>
     </div>
   `;