Some corrections with types and undeleted file

src/components/ImageCarousel.astro

@@ -6,7 +6,7 @@ import { shuffleArray } from "@lib/utils";
 
 interface Props {
   images: Array<ImageMetadata>;
-  className: string;
+  class: string;
   altText?: string | ((index: number) => string);
   interval?: number;
   backgroundColour?: string;
@@ -23,7 +23,7 @@ interface Props {
 
 const {
   images,
-  className,
+  class: className,
   altText = null,
   interval = 5000,
   backgroundColour = "bg-black",
@@ -44,7 +44,7 @@ const imagesArray = shuffle ? shuffleArray(images) : images;
 ---
 
 <div class:list={[className]}>
-  <div class="relative h-full w-full">
+  <div class="relative h-full w-full overflow-hidden">
     <div class:list={[backgroundColour, backgroundOpacity, "absolute inset-0"]}>
     </div>
 
@@ -57,7 +57,7 @@ const imagesArray = shuffle ? shuffleArray(images) : images;
           <Image
             data-id={`${ID}`}
             class:list={[
-              "absolute h-full w-full object-cover object-center transition-opacity",
+              "absolute !h-full w-full object-cover object-center transition-opacity",
               transitionStyle,
               transitionDuration,
               index > 0 ? "opacity-0" : "",
@@ -71,7 +71,6 @@ const imagesArray = shuffle ? shuffleArray(images) : images;
             aria-hidden={index === 0 ? "false" : "true"}
             layout="full-width"
             fit="cover"
-            style="height: 100% !important;"
             quality={quality}
             height={height === undefined ? undefined : height}
           />