From 16184c4cf9249ab25456335b49da8d48c3abd98a Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 22 May 2026 19:49:59 +0000
Subject: [PATCH] Increased progress bar visibility and smoothed image fade
 transition

---
 src/components/sections/hero/HeroOverlay.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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" }}
-- 
2.49.1