diff --git a/public/img/Bild002_Neg.Nr.1A.jpg b/public/img/Bild002_Neg.Nr.1A.jpg
new file mode 100644
index 0000000..722a491
Binary files /dev/null and b/public/img/Bild002_Neg.Nr.1A.jpg differ
diff --git a/src/components/partials/StoryItem.tsx b/src/components/partials/StoryItem.tsx
index 953f60b..6b16f00 100644
--- a/src/components/partials/StoryItem.tsx
+++ b/src/components/partials/StoryItem.tsx
@@ -17,7 +17,7 @@ type StoryItemProps = {
 
 export const StoryItem = (props: StoryItemProps) => {
     return (
-        <div class="p-6 group inline-block w-full relative">
+        <div class="my-6 py-2 group inline-block w-full relative">
             <div class="h-full flex-1 delay-75 flex flex-col justify-between group-hover:scale-[1.01] transition-all shadow-md shadow-gray-400 border-2 border-zinc-800 rounded-md py-3 px-6">
                 <div>
                     <p class="text-lg font-bold">{props.item.title}</p>
diff --git a/src/pages/mystory.astro b/src/pages/mystory.astro
index ee36483..ddd436b 100644
--- a/src/pages/mystory.astro
+++ b/src/pages/mystory.astro
@@ -42,5 +42,17 @@ const storyItems: StoryItemType[] = [
   <div class="min-h-screen w-screen p-10 bg-zinc-100">
     <h1 class="text-4xl font-bold">Meine Geschichte</h1>
     <StoryItems client:load storyItems={storyItems} />
+    <div
+      class="w-full rounded-md p-5 justify-between items-center flex gap-5 flex-row h-80 max-lg:flex-col max-lg:h-auto border-2 border-neutral-800 bg-neutral-100"
+    >
+      <div class="flex flex-col gap-5">
+        <p class="text-2xl font-bold">Meine Hobbys</p>
+        <p class="w-">
+          Zusätzlich zu meinen beruflichen Qualifikationen engagiere ich mich in meiner Freizeit intensiv in der Musik
+          und koche mit großer Begeisterung. Ebenso habe ich ein faible für Autos.
+        </p>
+      </div>
+      <img class="rounded-md h-full w-auto object-cover" src="/img/Bild002_Neg.Nr.1A.jpg" alt="" />
+    </div>
   </div>
 </PageLayout>
diff --git a/src/views/AboutMe.astro b/src/views/AboutMe.astro
index 3fc40e2..e07f75f 100644
--- a/src/views/AboutMe.astro
+++ b/src/views/AboutMe.astro
@@ -1,51 +1,50 @@
-
 <section class="py-5 w-screen max-sm:min-h-[66vh] bg-zinc-900 text-zinc-50">
-    <div class="w-5/6 flex flex-col justify-around items-center h-full mx-auto gap-2">
-      <p class="text-2xl underline">Mehr zu mir</p>
-      <div
-        class="max-sm:flex-1 sm:justify-center sm:items-center sm:grid sm:grid-cols-2 sm:gap-4 sm:grid-rows-1 py-3 justify-around flex flex-col gap-5 w-full overflow-hidden px-3"
-      >
-        <div class="p-4 sm:flex-1 sm:flex sm:flex-col sm:items-center">
-          <p class="text-lg underline">Meine Skills</p>
-          <ul class="ml-1.5 py-4 gap-5">
-            <li><img src="" alt="" /><p>- Fullstack Web-entwicklung</p></li>
-            <li><img src="" alt="" /><p>- SEO</p></li>
-            <li><img src="" alt="" /><p>- Web-App Deployment</p></li>
-          </ul>
-          <a class="underline text-emerald-300 visited:text-purple-300" href="/skills" class="underline">Siehe alle</a
-          >
-        </div>
-        <div class="w-full border border-dashed border-emerald-300 sm:hidden"></div>
-        <div class="p-4 flex flex-col gap-4 sm:flex-1 sm:flex sm:flex-col sm:items-center">
-          <p class="flex gap-2 flex-col text-lg underline">Mein Werdegang</p>
-          <div class="flex gap-2 flex-col">
-            <p>
-              Ausbildung bei <a
-                target="_blank"
-                href="https://adabay.rocks"
-                class="underline text-emerald-300 visited:text-purple-300">adabay</a
-              > und der BSInfo. <span class="text-zinc-300 font-mono">2020-2023</span>
-            </p>
-            <p>
-              &#220;bernahme bei <a
-                target="_blank"
-                href="https://adabay.rocks"
-                class="underline text-emerald-300 visited:text-purple-300">adabay.</a
-              ><span class="text-zinc-300 font-mono"> 2023</span>
-            </p>
-            <p>
-              Angestellt als Technical Consultant bei <a
-                target="_blank"
-                href="https://adabay.rocks"
-                class="underline text-emerald-300 visited:text-purple-300">adabay</a
-              >
-              <span class="text-zinc-300 font-mono">seit 07/2023</span>.
-            </p>
-          </div>
-          <a href="mystory" class="underline text-emerald-300 visited:text-purple-300" class="underline"
-            >Meine vollständige Geschichte</a
-          >
+  <div class="w-5/6 flex flex-col justify-around items-center h-full mx-auto gap-2">
+    <p class="text-2xl underline">Mehr zu mir</p>
+    <div
+      class="max-sm:flex-1 sm:justify-center sm:items-center sm:grid sm:grid-cols-2 sm:gap-4 sm:grid-rows-1 py-3 justify-around flex flex-col gap-5 w-full overflow-hidden px-3"
+    >
+      <div class="p-4 sm:flex-1 sm:flex sm:flex-col sm:items-center">
+        <p class="text-lg underline">Meine Skills</p>
+        <ul class="ml-1.5 py-4 gap-5">
+          <li><img src="" alt="" /><p>- Fullstack Web-entwicklung</p></li>
+          <li><img src="" alt="" /><p>- SEO</p></li>
+          <li><img src="" alt="" /><p>- Web-App Deployment</p></li>
+        </ul>
+        <a class="underline text-emerald-300 visited:text-purple-300" href="/skills" class="underline">Siehe alle</a>
+      </div>
+      <div class="w-full border border-dashed border-emerald-300 sm:hidden"></div>
+      <div class="p-4 flex flex-col gap-4 sm:flex-1 sm:flex sm:flex-col sm:items-center">
+        <p class="flex gap-2 flex-col text-lg underline">Mein Werdegang</p>
+        <div class="flex gap-2 flex-col">
+          <p>
+            Ausbildung bei <a
+              target="_blank"
+              href="https://adabay.rocks"
+              class="underline text-emerald-300 visited:text-purple-300">adabay</a
+            > und der BSInfo. <span class="text-zinc-300 font-mono">2020-2023</span>
+          </p>
+          <p>
+            &#220;bernahme bei <a
+              target="_blank"
+              href="https://adabay.rocks"
+              class="underline text-emerald-300 visited:text-purple-300">adabay.</a
+            ><span class="text-zinc-300 font-mono"> 2023</span>
+          </p>
+          <p>
+            Angestellt als Technical Consultant bei <a
+              target="_blank"
+              href="https://adabay.rocks"
+              class="underline text-emerald-300 visited:text-purple-300">adabay</a
+            >
+            <span class="text-zinc-300 font-mono">seit 07/2023</span>.
+          </p>
         </div>
+        <a href="mystory" class="underline text-emerald-300 visited:text-purple-300" class="underline"
+          >Meine vollständige Geschichte</a
+        >
       </div>
     </div>
-  </section>
\ No newline at end of file
+  </div>
+  <div class="w-full h-80 border bg-red-900"></div>
+</section>