diff --git a/webpage/src/pages/cover.jpg b/webpage/src/pages/cover.jpg
new file mode 100644
index 0000000..0ac98cd
Binary files /dev/null and b/webpage/src/pages/cover.jpg differ
diff --git a/webpage/src/pages/cover.png b/webpage/src/pages/cover.png
deleted file mode 100644
index 77f2208..0000000
Binary files a/webpage/src/pages/cover.png and /dev/null differ
diff --git a/webpage/src/pages/index.tsx b/webpage/src/pages/index.tsx
index d80b61a..72c5e3b 100644
--- a/webpage/src/pages/index.tsx
+++ b/webpage/src/pages/index.tsx
@@ -6,7 +6,7 @@ import { GetStaticProps } from 'next';
 import { getPositions, Position } from '@morten-olsen/personal-webpage-profile';
 import { Sheet } from '../components/sheet';
 import { ArticleGrid } from 'components/articles/grid';
-const cover = require('./cover.png');
+const cover = require('./cover.jpg');
 
 type Props = {
   articles: ReturnType<typeof getArticles>;
@@ -31,8 +31,8 @@ const Title = styled(Jumbo)`
 
   @media only screen and (max-width: 700px) {
     margin: 5px;
-    font-size: 2rem;
-    line-height: 2.1rem;
+    font-size: 3rem;
+    line-height: 3.1rem;
   }
 `;