Fix overflow, add footer max-w

src/components/Footer.astro

@@ -34,7 +34,9 @@ import Link from "@components/Link.astro";
   <p class="p-2 text-sm">
     Copyright &copy; <span id="footer-year"></span> Nathan Cummins.
   </p>
-  <div class="statements grid grid-cols-1 gap-x-16 lg:grid-cols-2">
+  <div
+    class="statements mx-auto grid max-w-4xl grid-cols-1 gap-x-16 lg:grid-cols-2"
+  >
     <p class="col-span-1 p-2 text-xs italic">
       I support and believe in the values of open source software and
       communities. This website is made from scratch using the <Link

src/pages/index.astro

@@ -109,7 +109,7 @@ const tracks = (
       <div class="flex h-48 w-full items-center justify-center">
         <ImageCarousel
           images={imagesForCTAArray}
-          className="absolute -z-40 h-full w-full"
+          className="absolute -z-40 h-full w-full overflow-hidden"
           foreground={true}
           foregroundColour="bg-primary"
           foregroundOpacity="opacity-75 dark:opacity-25"
@@ -206,7 +206,7 @@ const tracks = (
       <div class="flex h-64 w-full items-center justify-center">
         <ImageCarousel
           images={imagesForCTAArray}
-          className="absolute -z-40 h-full w-full"
+          className="absolute -z-40 h-full w-full overflow-hidden"
           foreground={true}
           foregroundColour="bg-primary"
           foregroundOpacity="opacity-50 dark:opacity-25"