diff --git a/public/img/mesmiling1080.jpg b/public/img/mesmiling1080.jpg
new file mode 100644
index 0000000..03920b6
Binary files /dev/null and b/public/img/mesmiling1080.jpg differ
diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx
index 30fd652..4f20b84 100644
--- a/src/components/Skills.tsx
+++ b/src/components/Skills.tsx
@@ -49,13 +49,17 @@ export const SkillsComponent = () => {
                                 <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/react.png" alt="" />
                                 <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/java.png" alt="" />
                                 <img class="h-20 w-24  object-scale-down bg-neutral-100 p-3 rounded-lg" src="/img/express.png" alt="" />
+                                <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
+                                <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
+                                <img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
+                                <img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
                             </div>
                         </div>
                     </Show>
                     <Show when={skill() === 'ci-cd'}>
                         <div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col">
                             <div class="flex flex-col">
-                                <p class="text-2xl font-bold text-neutral-800">Coding</p>
+                                <p class="text-2xl font-bold text-neutral-800">CI/CD</p>
                                 <p class="w-3/4 text-neutral-800">
                                     Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt.
                                     Mir sind Techniken wie BuilKite (Build-Pipelines) so wie das Resourcenmanagement mit Terraform in Azure nicht fremd und durfte da bereits meine ersten Kenntnisse sammeln.
@@ -76,14 +80,12 @@ export const SkillsComponent = () => {
                             <div class="flex flex-col gap-6">
                                 <p class="text-2xl font-bold text-neutral-800">Other</p>
                                 <p class="w-1/2 text-neutral-800">
-                                    Ich beherrsche Tailwind und Sass für die Gestaltung von ansprechenden Frontends. Zusätzlich zeichnet mich eine ausgeprägte Expertise im Umgang mit SQL aus, wodurch ich effizient und zuverlässig Datenbanken verwalten kann, und mit ORMs wie Prisma habe ich ebenfalls bereits Erfahrung sammeln können. </p>
+                                    In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
+                                    Guten Cappucino kann ich auch machen &#9749;&#128521;
+                                    Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie eine Art Ted-Talk aufgebaut waren gehalten.
+                                    Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann.                                     </p>
                             </div>
                             <div class="w-full h-24 flex justify-between items-center">
-
-                                <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
-                                <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
-                                <img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
-                                <img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
                             </div>
                         </div>
                     </Show>
@@ -104,11 +106,15 @@ export const SkillsComponent = () => {
                             <img class="h-12 w-16  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/react.png" alt="" />
                             <img class="h-12 w-16  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/java.png" alt="" />
                             <img class="h-12 w-16  object-scale-down bg-neutral-100 p-3 rounded-lg" src="/img/express.png" alt="" />
+                            <img class="h-12 w-16  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
+                            <img class="h-12 w-16  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
+                            <img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
+                            <img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
                         </div>
                     </div>
                     <div class="w-full h-auto py-5  bg-emerald-600 px-10 flex justify-around flex-col">
                         <div class="flex flex-col">
-                            <p class="text-2xl font-bold text-neutral-800">Coding</p>
+                            <p class="text-2xl font-bold text-neutral-800">CI/CD</p>
                             <p class="w-full text-neutral-800">
                                 Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt.
                                 Mir sind Techniken wie BuilKite (Build-Pipelines) so wie das Resourcenmanagement mit Terraform in Azure nicht fremd und durfte da bereits meine ersten Kenntnisse sammeln.
@@ -127,14 +133,14 @@ export const SkillsComponent = () => {
                         <div class="flex flex-col gap-6">
                             <p class="text-2xl font-bold text-neutral-800">Other</p>
                             <p class="w-full text-neutral-800">
-                                Ich beherrsche Tailwind und Sass für die Gestaltung von ansprechenden Frontends. Zusätzlich zeichnet mich eine ausgeprägte Expertise im Umgang mit SQL aus, wodurch ich effizient und zuverlässig Datenbanken verwalten kann, und mit ORMs wie Prisma habe ich ebenfalls bereits Erfahrung sammeln können. </p>
+                                In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
+                                Guten Cappucino kann ich auch machen &#9749;&#128521;
+                                Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie eine Art Ted-Talk aufgebaut waren gehalten.
+                                Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann.
+                            </p>
                         </div>
                         <div class="w-full flex-wrap gap-3 h-auto flex justify-between items-center">
 
-                            <img class="h-12 w-16  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
-                            <img class="h-12 w-16  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
-                            <img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
-                            <img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
                         </div>
                     </div>
                 </div>
diff --git a/src/components/StoryItems.tsx b/src/components/StoryItems.tsx
index 61bc594..379ee0b 100644
--- a/src/components/StoryItems.tsx
+++ b/src/components/StoryItems.tsx
@@ -10,7 +10,7 @@ type StoryItemsProps = {
 export const StoryItems = (props: StoryItemsProps) => {
 
     return (
-        <div class="w-full grid grid-cols-1 gap-5 xl:grid-cols-2">
+        <div class="w-full grid grid-cols-1 gap-5 xl:grid-cols-2 ">
             <For each={props.storyItems}>{(item, index) =>
                 <StoryItem item={item} mirrored={index() % 2 === 0} />
             }</For>