From 84f4de421fc6953e37234a9c0784775c509d7726 Mon Sep 17 00:00:00 2001
From: Morten Olsen <morten+pgp@olsen.pro>
Date: Fri, 27 Aug 2021 21:11:42 +0200
Subject: [PATCH] fixes

---
 components/Me.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/Me.tsx b/components/Me.tsx
index dfc11e2..a3321e4 100644
--- a/components/Me.tsx
+++ b/components/Me.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import styled from 'styled-components';
-import Image from 'next/image'
 import image from '../public/images/me.jpg';
 
 const Wrapper = styled.div`
@@ -57,10 +56,20 @@ const Divider = styled.div`
   box-shadow: 0 0 30px rgba(255, 255, 255, .7);
 `;
 
+const Image = styled.img<{blurDataURL: string}>`
+  background: url("${({ blurDataURL }) => blurDataURL}");
+  position: absolute;
+  background-size: cover;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+`
+
 const Me: React.FC<{}> = () => (
   <Wrapper>
     <ImageWrapper>
-      <Image layout="fill" src={image.src} blurDataURL={image.blurDataURL} />
+      <Image src={image.src} blurDataURL={image.blurDataURL} />
       <Spacer />
     </ImageWrapper>
     <Title>Morten Olsen</Title>