diff --git a/src/app/templates/BlogPostTemplate.tsx b/src/app/templates/BlogPostTemplate.tsx
index 1e97093..1876874 100644
--- a/src/app/templates/BlogPostTemplate.tsx
+++ b/src/app/templates/BlogPostTemplate.tsx
@@ -9,19 +9,22 @@ export interface PostProps {
   image?: {
     src: StaticImageData | string
     alt: string
-  }
+    fill?: boolean
+  },
   author: string
   date: string
   content: string
 }
 
-const Post: FC<PostProps> = ({ title, hook, image={src: "https://picsum.photos/1000/500", alt: "A randomly generated image from Lorem Picsum"}, author, date, content }) => {
+const Post: FC<PostProps> = ({ title, hook, image={src: "https://picsum.photos/1000/500", alt: "A randomly generated image from Lorem Picsum", fill: true}, author, date, content }) => {
+  image.fill ??= true
+
   return (
     <>
       <Navbar />
       <main>
         <div className="grid grid-cols-2 grid-rows-2 h-[50vh] w-[100vw] overflow-hidden relative gap-4">
-          <Image src={image.src} alt={image.alt} height={0} width={0} sizes="100vw" className="col-start-1 col-end-3 w-[100vw] h-auto" />
+          <Image src={image.src} alt={image.alt} height={0} width={0} sizes="100vw" className={`col-start-1 col-end-3 ${image.fill ? "w-[100vw]" : "w-auto"} ${!image.fill && "justify-self-center"} h-auto`} />
           <div className="col-start-1 row-start-2 z-10 m-6 bg-[#BE8CFF] p-4 w-fit rounded-xl flex flex-col gap-3">
             <h1 className="text-4xl text-text_secondary font-black">{title}</h1>
             {hook && <p>{hook}</p>}
diff --git a/src/app/templates/page.tsx b/src/app/templates/page.tsx
index 707eb6d..9b0b9db 100644
--- a/src/app/templates/page.tsx
+++ b/src/app/templates/page.tsx
@@ -1,8 +1,14 @@
 import Post, { PostProps } from "./BlogPostTemplate"
+import onboardingLogo from "@/app/assets/onboarding_logo_rev_2.png"
 
 const anArticle: PostProps = {
     title: "Dotkom er best",
     hook: "Men det visste jo alle fra før. I tilfelle du er appkommer eller bare dum, og ikke er enig, så forklarer denne artikkelen hvorfor!",
+    image: {
+        src: onboardingLogo,
+        alt: "Dotkom Onboaring 2024 sin logo",
+        fill: false
+    },
     author: "Henry Græbserg",
     date: "23/10/2024",
     content: `The standard Lorem Ipsum passage, used since the 1500s
@@ -20,4 +26,4 @@ const Page = () => {
     )
 }
 
-export default Page;
\ No newline at end of file
+export default Page;