Preliminary adition to transing the internet webring, and tweaks and optimization to previous code regarding javascript to php rewrite, more concise and legible code functions.

css/main/layouts/mobile.css

@@ -81,15 +81,24 @@
                 align-content:      center;}
 
             .webrings .auto-scroll {
+                height:             65%;
+                width:              fit-content;
                 flex-direction:     row;
                 animation-name:     scroll-webring-mobile;}
 
                 .webrings .scroll_one, .webrings .scroll_two {
+                    gap:                2em;
                     flex-direction:     row;}
 
+                .webrings .scroll_one > div , .webrings .scroll_two > div {
+                    flex-shrink: 0;
+                    height: 100%;
+                    width: fit-content;
+                }
+
                 .webrings .auto-scroll > * > div img {
-                    height: 60px;
-                    width: auto;}
+                    height: 100%;
+                    width:  auto;}
 
     .scroll_below-clip-box {
         position:           absolute;
@@ -127,6 +136,10 @@
         from                    {transform: translateX(calc(-50%));}
         to                      {transform: translateX(0%);}}
 
+    .webrings .auto-scroll {
+        animation-duration: 25s;
+    }
+
     /* Vertical scroll text */
     .verticalscroll .auto-scroll {
         animation-name:             scroll-vertical;