move arrows down for real

index.html

@@ -51,7 +51,7 @@
         .slider::after {
             content: '';
             position: absolute;
-            top: 20%;
+            top: 75%;
             transform: translateY(-50%);
             width: 30px;
             height: 30px;
@@ -60,12 +60,12 @@
             transition: opacity 0.3s;
         }
         .slider::before {
-            left: -22px;
+            left: -27px;
             /* Simplified arrowhead pointing left */
             background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(0, 80, 150)"><polygon points="14,7 8,12 14,17"/></svg>');
         }
         .slider::after {
-            right: -22px;
+            right: -27px;
             /* Simplified arrowhead pointing right */
             background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(0, 80, 150)"><polygon points="10,7 16,12 10,17"/></svg>');
         }