diff --git a/themes/mir/layouts/partials/header.html b/themes/mir/layouts/partials/header.html
index da5563d..e2b7be3 100644
--- a/themes/mir/layouts/partials/header.html
+++ b/themes/mir/layouts/partials/header.html
@@ -1,7 +1,7 @@
 <section class="flex py-24 px-5 gap-4 flex-col md:flex-row max-w-[1000px] mx-auto container ">
   <div class="w-full relative inline-block">
     <img src="{{ .Params.headerImg }}" alt="Header Image" class="rounded-lg" />
-    <div class="absolute inset-0 bg-white opacity-50 rounded-lg pointer-events-none"></div>
+    <div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
   </div>
   <div class="w-full">
     <p class="lg:w-2/3 mx-auto text-4xl sm:text-5xl uppercase text-left title-font mb-4">