diff --git a/src/components/sections/hero/HeroOverlay.tsx b/src/components/sections/hero/HeroOverlay.tsx
index c887275..303fcc2 100644
--- a/src/components/sections/hero/HeroOverlay.tsx
+++ b/src/components/sections/hero/HeroOverlay.tsx
@@ -70,7 +70,7 @@ const HeroOverlay = ({
       {currentImageSrc && (
         <ImageOrVideo
           imageSrc={currentImageSrc}
-          className="absolute inset-0 w-full h-full object-cover rounded-none transition-opacity duration-1000 ease-in-out"
+          className="absolute inset-0 w-full h-full object-cover rounded-none transition-opacity duration-2000 ease-in-out"
         />
       )}
       {videoSrc && (
@@ -85,9 +85,9 @@ const HeroOverlay = ({
         aria-hidden="true"
       />
 
-      <div className="absolute bottom-0 left-0 w-full h-1 bg-white/20 z-20">
+      <div className="absolute bottom-0 left-0 w-full h-2 bg-white/50 z-20">
         <motion.div
-          className="h-full bg-primary-cta"
+          className="h-full bg-white"
           initial={{ width: 0 }}
           animate={{ width: `${progress}%` }}
           transition={{ duration: 0.1, ease: "linear" }}