src/components/sections/hero/HeroBillboard.tsx

@@ -141,15 +141,13 @@ const HeroBillboard = ({
         />
         <div className="flex flex-col gap-6" >
           <div ref={mediaContainerRef} className={cls("w-full overflow-hidden rounded-theme-capped card p-4", mediaWrapperClassName)}>
-            <div className="perspective">
-              <MediaContent
+            <MediaContent
                 imageSrc={imageSrc}
                 videoSrc={videoSrc}
                 imageAlt={imageAlt}
                 videoAriaLabel={videoAriaLabel}
-                imageClassName={cls("z-1 aspect-square md:aspect-video transition-transform duration-500 hover:scale-x-[-1]", imageClassName)}
+                imageClassName={cls("z-1 aspect-square md:aspect-video", imageClassName)}
               />
-            </div>
           </div>
           {marqueeItems && marqueeItems.length > 0 && (
             <LogoMarquee