New way of dynamic loading

app.py

@@ -176,7 +176,9 @@ css = '''
 .gradio-container {font-family: 'IBM Plex Sans', sans-serif}
 #top_title{margin-bottom: .5em}
 #top_title h2{margin-bottom: 0; text-align: center}
-#main_row{flex-wrap: wrap; gap: 1em; max-height: 550px; overflow-y: scroll; flex-direction: row}
+/*#main_row{flex-wrap: wrap; gap: 1em; max-height: 550px; overflow-y: scroll; flex-direction: row}*/
+#component-3{height: 760px; overflow: auto}
+#component-9{position: sticky;top: 0;align-self: flex-start;}
 @media (min-width: 768px){#main_row > div{flex: 1 1 32%; margin-left: 0 !important}}
 .gr-prose code::before, .gr-prose code::after {content: "" !important}
 ::-webkit-scrollbar {width: 10px}