resolve: page flow

app.py

@@ -62,17 +62,21 @@ def view_model(selected_models):
 # CSS to style the Gradio components and HTML content
 custom_css = """
 body {
-    background-image: url('https://api.deepai.org/job-view-file/a63aebee-08cf-4914-9439-8c791a9c7cf5/outputs/output.jpg');  /* Replace with your image URL */
+    background-image: url('https://example.com/your-image.jpg');  /* Replace with your image URL */
     background-position: center;
-    background-size: cover;  /* Ensures the image covers the full screen */
-    background-attachment: fixed;  /* Keeps the background image fixed while scrolling */
-    height: 100vh;  /* Ensures full screen height */
+    background-size: cover;
+    background-attachment: fixed;
+    height: 100%;  /* Ensure body height is 100% of the viewport */
+    margin: 0;
+    overflow-y: auto;  /* Allow vertical scrolling */
 }
+
 .custom-row {
     display: flex;
     justify-content: center;
     padding: 20px;
 }
+
 .custom-button {
     background-color: #6a1b9a;
     color: white;
@@ -85,14 +89,34 @@ body {
     margin-left: auto;
     margin-right: auto;
 }
+
+/* Custom border styles for all Gradio components */
+.gradio-container, .gradio-row, .gradio-column, .gradio-input, .gradio-image, .gradio-checkgroup, .gradio-button, .gradio-markdown {
+    border: 3px solid black !important;  /* Border width and color */
+    border-radius: 8px !important;      /* Rounded corners */
+}
+
+/* Additional customizations for images to enhance visibility of the border */
+.gradio-image img {
+    border-radius: 8px !important;
+    border: 3px solid black !important;  /* Border for image */
+}
+
+/* Custom Row for images and buttons */
 .custom-row img {
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
+
 #highlighted-text {
     font-weight: bold;
     color: #1976d2;
 }
+
+.gradio-block {
+    max-height: 100vh;  /* Allow scrolling within the Gradio blocks */
+    overflow-y: auto;   /* Enable scrolling for the content if it overflows */
+}
 """
 
 # Then in the Gradio interface: