fix: images

src/components/BlogExcerpt/BlogExcerpt.tsx

@@ -25,11 +25,12 @@ export const BlogExcerpt = ({id, title, excerpt, photo}: BlogExcerptProps) => {
               height={photo.height}
               alt={"Blogbild"}
               className={styles.image}
+              unoptimized={true}
             />
           </Link>
         }
       </div>
-      <div>
+      <div className={styles.content}>
         <h3><Link href={url} className={styles.title}>{title}</Link></h3>
         <p>{excerpt}</p>
 

src/components/BlogExcerpt/styles.module.scss

@@ -20,3 +20,8 @@
   border-radius: 10px;
 }
 
+.content {
+  flex-grow: 1;
+  flex-basis: 300px;
+}
+

src/fetch/blog.ts

@@ -19,7 +19,7 @@ export const fetchBlogPosts = async (displayOnFrontpage: boolean): Promise<Pagin
         title: true,
         date: true,
         photo: true,
-        "content": !displayOnFrontpage, // hack to fetch content only for the `/blog` page
+        content: displayOnFrontpage ? undefined : true, // hack to fetch content only for the `/blog` page
       },
       where: {
         and: [