diff --git a/.forgejo/workflows/build_preview.yml b/.forgejo/workflows/build_preview.yml
index 190df46..c9ab2ce 100644
--- a/.forgejo/workflows/build_preview.yml
+++ b/.forgejo/workflows/build_preview.yml
@@ -1,5 +1,5 @@
 name: Build and deploy preview site
-run-name: Building and deploying pewview for version ${{ github.ref_name }}
+run-name: Building and deploying preview for version ${{ github.ref_name }}
 on:
   push:
     tags:
diff --git a/.forgejo/workflows/unlighthouse.yml b/.forgejo/workflows/unlighthouse.yml
index b221f7c..0c3ec6c 100644
--- a/.forgejo/workflows/unlighthouse.yml
+++ b/.forgejo/workflows/unlighthouse.yml
@@ -1,4 +1,5 @@
-name: Run unlighthouse-tests [Downstream pipeline for ${{ inputs.containertag }}]
+name: Run unlighthouse-tests [Downstream pipeline]
+run-name: Run unlighthouse-tests [Downstream pipeline] for version ${{ inputs.containertag }}
 on:
   workflow_dispatch:
     inputs:
diff --git a/package.json b/package.json
index 8810955..85dc86a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.0-pre.39",
+	"version": "0.2.0-pre.40",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
diff --git a/src/assets/favourites/scathach.png b/src/assets/favourites/scathach.png
index e6a64a7..e8fb6fa 100644
Binary files a/src/assets/favourites/scathach.png and b/src/assets/favourites/scathach.png differ
diff --git a/src/assets/favourites/skadi.png b/src/assets/favourites/skadi.png
index 5908d09..1a377a6 100644
Binary files a/src/assets/favourites/skadi.png and b/src/assets/favourites/skadi.png differ
diff --git a/src/assets/favourites/summerskadi.png b/src/assets/favourites/summerskadi.png
index dd5251d..77cc7f6 100644
Binary files a/src/assets/favourites/summerskadi.png and b/src/assets/favourites/summerskadi.png differ
diff --git a/src/components/aboutText.astro b/src/components/aboutText.astro
new file mode 100644
index 0000000..75245a6
--- /dev/null
+++ b/src/components/aboutText.astro
@@ -0,0 +1,53 @@
+---
+
+---
+
+<div>
+  <p>
+    I'm a 23 year old software developer from Germany. Even if my roots are with Electrical Engineering,
+    I am currently pursuing a Masters Degree in Computer Science after starting to code more during my studies.
+    I am mostly programming in Python, but I'm also confident in writing Javascript.
+  </p>
+  <p>
+    I enjoy biking and hiking, as well as visiting different anime conventions.
+    I am a huge fan of the Fate franchise, specifically Fate/Grand Order, which I am playing since the end of 2019.
+    I also enjoy other games, mainly Honkai: Star Rail and theHunter: Call of the Wild.
+  </p>
+</div>
+
+<style>
+  div {
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    font-family: 'Work Sans Variable', sans-serif;
+    max-width: min(87.5%, 360px);
+    background-color: var(--c-primary-background);
+    color: var(--c-primary-text);
+    border-radius: 1rem;
+    padding: 1rem 1rem;
+    margin-top: -0.75rem;
+    text-align: left;
+  }
+
+  div > p:first-of-type {
+    margin-top: 0px;
+  }
+
+  div > p:last-of-type {
+    margin-bottom: 0px;
+  }
+
+  @media (min-width: 512px) {
+    div {
+      max-width: 75%;
+      text-align: justify;
+    }
+  }
+
+  @media (min-width: 1000px) {
+    div {
+      max-width: 65%;
+    }
+  }
+</style>
diff --git a/src/components/cards/favouriteCard.astro b/src/components/cards/favouriteCard.astro
index 6421c67..0e24927 100644
--- a/src/components/cards/favouriteCard.astro
+++ b/src/components/cards/favouriteCard.astro
@@ -25,7 +25,7 @@ const loadedImage = plsLoadImage(images, imagePath)
   aria-label=`${name} - new window`
 >
   <div class="heading">{name}</div>
-  <Image src={loadedImage} alt={name} loading={'eager'} width={192} height={192} quality={100}/>
+  <Image src={loadedImage} alt={name} loading={'eager'} width={128} height={128} quality={100}/>
   <h2 class="subtext">
     {origin}
   </h2>
@@ -80,7 +80,7 @@ const loadedImage = plsLoadImage(images, imagePath)
       width: auto;
       height: auto;
       img {
-        width: 160px;
+        width: 128px;
       }
     }
   }
diff --git a/src/components/titles/smallTitle.astro b/src/components/titles/smallTitle.astro
index 280b292..a9465a7 100644
--- a/src/components/titles/smallTitle.astro
+++ b/src/components/titles/smallTitle.astro
@@ -66,7 +66,6 @@ const displayBackButton = returnbutton ? "": "display: none"
   }
 
   .sub {
-    margin-top: 0.5em;
     font-size: 0.9rem;
     font-weight: 500;
     font-family: 'Work Sans Variable', sans-serif;
diff --git a/src/layouts/baseSection.astro b/src/layouts/baseSection.astro
index a5b10ce..25a7b10 100644
--- a/src/layouts/baseSection.astro
+++ b/src/layouts/baseSection.astro
@@ -47,13 +47,6 @@ const { title } = Astro.props
     }
   }
 
-  @media (min-width: 512px) {
-    div {
-      row-gap: 1.5em;
-      column-gap: 1.5em;
-    }
-  }
-
   @media (min-width: 1000px) {
     .base {
       margin-left: 3rem;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3be9815..303fb9c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,6 +4,7 @@ import BaseSection from '../layouts/baseSection.astro'
 import FavouriteCard from '../components/cards/favouriteCard.astro'
 import favouritesdata from '../../static/data/_favouritesdata.json'
 import Hi from '../components/titles/title.astro'
+import AboutText from '../components/aboutText.astro'
 
 const description =
   'The very own page of Firq for providing informating about TA servants, listing past TA achievements and hosting a blog for talking about FGO, Programming and other stuff'
@@ -15,6 +16,9 @@ const description =
   descriptionOverride={description}
 >
   <Hi />
+  <BaseSection title="About me">
+    <AboutText/>
+  </BaseSection>
   <BaseSection title="Favourite Things">
     {favouritesdata.map((item) => <FavouriteCard {...item} />)}
   </BaseSection>