Pad content to footer, better handle carousel

src/components/ImageCarousel.astro

@@ -43,8 +43,8 @@ const IDs: string[] = [];
 const imagesArray = shuffle ? shuffleArray(images) : images;
 ---
 
-<div class:list={[className]}>
-  <div class="relative h-full w-full overflow-hidden">
+<div class:list={[className, "relative overflow-hidden"]}>
+  <div>
     <div class:list={[backgroundColour, backgroundOpacity, "absolute inset-0"]}>
     </div>
 
@@ -85,9 +85,8 @@ const imagesArray = shuffle ? shuffleArray(images) : images;
         />
       )
     }
-
-    <slot />
   </div>
+  <slot />
 </div>
 
 <script define:vars={{ imagesArray, interval, IDs }}>