diff --git a/src/components/sections/hero/HeroBillboardRotatedCarousel.tsx b/src/components/sections/hero/HeroBillboardRotatedCarousel.tsx
index c29ff39..eb2ddac 100644
--- a/src/components/sections/hero/HeroBillboardRotatedCarousel.tsx
+++ b/src/components/sections/hero/HeroBillboardRotatedCarousel.tsx
@@ -116,6 +116,7 @@ const HeroBillboardRotatedCarousel = ({
           autoPlay={autoPlay}
           autoPlayInterval={autoPlayInterval}
           className={carouselClassName}
+          imageClassName="transition-all duration-500 ease-out hover:scale-110 hover:rotate-1 hover:shadow-2xl hover:[filter:drop-shadow(0_0_20px_rgba(59,130,246,0.5))] cursor-pointer"
         />
       </div>
     </section>