diff --git a/src/components/CustomCarousel/CustomCarousel.astro b/src/components/CustomCarousel/CustomCarousel.astro
index 640d240..6f00df1 100644
--- a/src/components/CustomCarousel/CustomCarousel.astro
+++ b/src/components/CustomCarousel/CustomCarousel.astro
@@ -21,7 +21,7 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
                     <button type="button"
                             class="z-100 text-caperren-green bg-transparent ring-2 ring-caperren-green-dark hover:ring-caperren-green-light hover:text-caperren-green-light rounded-lg text-sm size-8 ms-auto inline-flex justify-center items-center"
                             data-custom-carousel-modal-hide>
-                        <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+                        <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                              viewBox="0 0 14 14">
                             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                   d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
@@ -40,7 +40,7 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
     <div class="relative overflow-hidden w-full h-56 md:h-120">
         {
             groupToShow.images.map((image, index) => (
-                    <div class="hidden duration-700 ease-in-out" data-custom-carousel-item={index}>
+                    <div class="hidden duration-1500 ease-in-out" data-custom-carousel-item={index}>
                         <Image src={image}
                                class="absolute inset-0 m-auto h-full w-auto max-h-full max-w-full object-contain"
                                alt="..."
@@ -75,7 +75,6 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
                     class="h-4 w-4 text-caperren-green group-hover:text-caperren-green-light"
                     aria-hidden="true"
                     xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
                     viewBox="0 0 6 10"
             >
                 <path
@@ -99,7 +98,6 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
                     class="h-4 w-4 text-caperren-green group-hover:text-caperren-green-light "
                     aria-hidden="true"
                     xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
                     viewBox="0 0 6 10"
             >
                 <path