From b9d6b959dd191625ead67c0827e41ca4f11ea630 Mon Sep 17 00:00:00 2001
From: Nathan Cummins <nathan@nathancummins.com.au>
Date: Mon, 11 Aug 2025 16:18:46 +0930
Subject: [PATCH] Fix overflow, add footer max-w

---
 src/components/Footer.astro | 4 +++-
 src/pages/index.astro       | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 5a4427f..4d6f69a 100644
--- a/src/components/Footer.astro
+++ b/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
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 17c7302..415667a 100644
--- a/src/pages/index.astro
+++ b/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"