diff --git a/components/Footer.tsx b/components/Footer.tsx
index 419fb55..347d724 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -5,7 +5,7 @@ const Footer = () => {
   return (
     <footer className="footer">
       <div className="container">
-        <img src="/profile.png" width="100%" height="100%" alt="" className="profile" />
+        <img src="/img/profile.png" width="100%" height="100%" alt="" className="profile" />
         <div className="branding">
           Guus van Meerveld <br />
           &#169; {year}
diff --git a/pages/_document.tsx b/pages/_document.tsx
new file mode 100644
index 0000000..05b188d
--- /dev/null
+++ b/pages/_document.tsx
@@ -0,0 +1,20 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+
+export default class AppDocument extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps };
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
