Working decently now, Needs Prev, should wait for next images to be loaded before being able to continue, use htmx? Either way clean html and css

test.html

@@ -5,14 +5,29 @@
     <title>Title</title>
 
     <style>
-        div.scroll-container {
-            background-color: #333;
+        .scroll-container {
             overflow: auto;
-            padding: 10px;
-            display: block;
             margin-left: auto;
             margin-right: auto;
-            width: 40%;
+            padding-bottom: 0;
+            margin-bottom: 0;
+            width: 100%;
+
+            display: block;
+            box-sizing: border-box;
+            border-width: 0;
+            border-style: solid;
+            border-color: white;
+        }
+
+        .scroll-container img {
+            padding: 0;
+            display: block;
+            min-width: 40%;
+            margin-left: auto;
+            margin-right: auto;
+
+            vertical-align: middle;
         }
     </style>
 </head>
@@ -22,6 +37,11 @@
             <img src="{{.Path}}" alt="img_{{.Index}}"/>
         {{end}}
     </div>
+    <div>
+        <form method="post" action="/next">
+            <input type="submit">
+        </form>
+    </div>
 </body>
 </html>