diff --git a/home_content/README.md b/home_content/README.md
new file mode 100644
index 0000000..e09140e
--- /dev/null
+++ b/home_content/README.md
@@ -0,0 +1,3 @@
+## Credits Content
+
+This contains the credits content in the website. If you want to localize, just simply copy `en.md` and translate from there.
\ No newline at end of file
diff --git a/islands/CounterCard.tsx b/islands/CounterCard.tsx
index 93deb9a..d492322 100644
--- a/islands/CounterCard.tsx
+++ b/islands/CounterCard.tsx
@@ -21,11 +21,11 @@ export function animateMascot() {
   const parentEl = document.getElementById("mascot-tgt") as HTMLElement;
 
   mascotEl.src = `/assets/img/hertaa${mascotId}.gif`;
-  mascotEl.style.position = "absolute";
   mascotEl.style.right = "-500px";
-  mascotEl.style.top = counterButton.getClientRects()[0].bottom + scrollY -
-    412 + "px";
-  mascotEl.classList.add("z-[0]");
+  mascotEl.style.opacity = "60%";
+  mascotEl.style.top = counterButton.getClientRects()[0].top + scrollY -
+    408 + "px";
+  mascotEl.classList.add("z-[0]", "absolute", "bg-scroll");
   parentEl.appendChild(mascotEl);
 
   let pos = -500;
diff --git a/islands/MarkdownContent.tsx b/islands/MarkdownContent.tsx
index ce66bbe..dc3e039 100644
--- a/islands/MarkdownContent.tsx
+++ b/islands/MarkdownContent.tsx
@@ -2,7 +2,7 @@ import { CSS, render } from "$gfm";
 
 export default function MarkdownContent({ mdData }: { mdData: string }) {
   return (
-    <div class="px-4 py-8 aspect-square mx-8 my-8 bg-white items-center justify-center">
+    <div class="flex mx-auto flex-col px-4 py-8 aspect-auto bg-white rounded items-center z-20">
       <style dangerouslySetInnerHTML={{ __html: CSS }} />
       <div
         class="markdown-body"
diff --git a/routes/index.tsx b/routes/index.tsx
index a32fb55..d8d8fc4 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -83,11 +83,11 @@ export default function Home(
   // added a pseudo-div here so I can nest another div inside it smh
   return (
     <div>
-      <div class="px-4 py-8 mx-auto bg-[#9d88d3]" id="mascot-tgt">
-        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
+      <div class="px-4 py-8 mx-auto bg-[#9d88d3]">
+        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center" id="mascot-tgt">
           <img class="z-10" src="/favicon.png" width="60px" />
           <h1 class="text-4xl text-white text-center font-bold z-10">
-            Welcome to herta kuru (v2?)
+            Welcome to herta kuru
           </h1>
           <p class="my-4 font-bold text-center text-white z-10">
             The website for Herta, the <del>annoying</del>{" "}