diff --git a/themes/mir/layouts/partials/header.html b/themes/mir/layouts/partials/header.html
index 19aeed5..86a0766 100644
--- a/themes/mir/layouts/partials/header.html
+++ b/themes/mir/layouts/partials/header.html
@@ -1,6 +1,11 @@
 <section class="flex py-12 px-5 gap-4 flex-col md:flex-row mx-auto container ">
   <div class="w-full relative inline-block">
-    <img src="{{ .Params.headerImg }}" alt="Header Image" class="rounded-lg" />
+    <div class="flex-col md:flex hidden bg-[#f1f5fc] p-4 rounded-lg">
+      <img class="relative object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}">
+      </img>
+      <div class="text-xs">Photo: <a class="z-40 font-bold" target="_blank"
+          href="https://unsplash.com/photos/closeup-photography-of-swarm-of-jellyfish-MYadhrkenNg">Marat Gilyadzinov</a></div>
+    </div>
     <div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
   </div>
   <div class="w-full">