diff --git a/src/img/shiba-animated.gif b/src/img/shiba-animated.gif
deleted file mode 100644
index 606a97b..0000000
Binary files a/src/img/shiba-animated.gif and /dev/null differ
diff --git a/src/img/shiba-hero-freigestellt-2.webp b/src/img/shiba-hero-freigestellt-2.webp
new file mode 100644
index 0000000..490cddd
Binary files /dev/null and b/src/img/shiba-hero-freigestellt-2.webp differ
diff --git a/src/img/shiba-hero-freigestellt.webp b/src/img/shiba-hero-freigestellt.webp
new file mode 100644
index 0000000..f76d6a0
Binary files /dev/null and b/src/img/shiba-hero-freigestellt.webp differ
diff --git a/src/index.html b/src/index.html
index d45be20..a7be72d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -119,7 +119,10 @@
             style="background-image: linear-gradient(90deg, rgba(102,69,232,1.00) 8%, rgba(126,73,244,1.00) 53%, rgba(149,74,244,1.00) 89%); background-position: center center; background-size: cover;">
         </div>
         <div class="relative z-10 lg:mx-0 flex flex-col lg:flex-row">
-            <div class="w-full lg:w-1/2 h-60vmin bg-cover">
+            <div class="hidden lg:flex justify-center items-center w-full lg:w-1/2 h-60vmin bg-cover">
+                <img src="./img/shiba-hero-freigestellt-2.webp" alt="Hero image" class="w-full h-full object-cover overflow-visible" style="max-width: 70%;">
+            </div>
+            <div class="lg:hidden">
                 <img src="./img/shiba-hero.png" alt="Hero image" class="w-full h-full object-cover">
             </div>
             <div class="w-full px-4 my-auto lg:px-8 lg:mx-auto lg:w-1/2">
@@ -145,6 +148,7 @@ <h1 class="text-4xl/normal w-full font-bold pt-6 lg:pt-2 md:text-5xl/normal lg:t
             </div>
         </div>
     </header>
+    
 
 
     <main>