fix(home): correct flipped carousel arrows on narrow viewport (#732)

Author: Unknownflow

pages/index.tsx

@@ -344,7 +344,7 @@ const Index = () => {
                 fontSize: "24px",
                 color: "var(--brand-color)",
                 margin: "10px",
-                marginLeft: isSmall ? "0" : "300px",
+                marginLeft: isSmall ? "12.5%" : "25%",
                 position: "absolute",
               }}
             >
@@ -360,7 +360,7 @@ const Index = () => {
                 color: "var(--brand-color)",
                 margin: "10px",
                 position: "absolute",
-                marginRight: isSmall ? "0" : "300px",
+                marginRight: isSmall ? "12.5%" : "25%",
               }}
             >
               {">"}