diff --git a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx
index 9b18735..cc958a0 100644
--- a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx
+++ b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx
@@ -13,15 +13,17 @@ import "swiper/css/free-mode";
 
 export default function HomepageCarousel({ data }) {
   let slides = Object.values(data);
+  
+  if (Object.keys(data).length === 1) {
+    slides = Object.values([...data, ...data, ...data, ...data]);
+  }
   if (Object.keys(data).length < 4) {
-    slides = Object.values([...data, ...data])
+    slides = Object.values([...data, ...data]);
   }
 
-  console.log(slides);
-
   const swiperRef = useRef(null);
   const [activeIndex, setActiveIndex] = useState(1);
-  const numSlides = 4;
+  const numSlides = slides.length;
 
   const handleSwiperInit = (swiper) => {
     swiperRef.current = swiper;
diff --git a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss
index 53bfb78..baf2b53 100644
--- a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss
+++ b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss
@@ -68,8 +68,8 @@
 }
 
 .unshown {
-    opacity: 1;
-    pointer-events: none !important;
+  opacity: 0;
+  pointer-events: none !important;
 }
 
 .imageContainer {