Minor updates

components/Me.tsx

@@ -19,7 +19,7 @@ const ImageWrapper = styled.div<{loaded: boolean}>`
   position: relative;
   transition: all 1.2s;
   opacity: ${({ loaded }) => loaded ? '1' : '0'};
-  transform: rotateY(180deg);
+  transform: rotateY(180deg) translateZ(0);
 `;
 
 const Spacer = styled.div`
@@ -55,15 +55,6 @@ const SubTitle = styled.h2`
     0 0 10px rgba(0, 0, 0, .5);
 `;
 
-const Divider = styled.div`
-  margin-top: 70px;
-  width: 100%;
-  max-width: 800px;
-  height: 1px;
-  background: rgba(255, 255, 255, .5);
-  box-shadow: 0 0 30px rgba(255, 255, 255, .7);
-`;
-
 const Image = styled.img<{blurDataURL: string}>`
   background: url("${({ blurDataURL }) => blurDataURL}");
   position: absolute;
@@ -96,7 +87,6 @@ const Me: React.FC<{}> = () => {
       </ImageWrapper>
       <Title>Morten Olsen</Title>
       <SubTitle>“...One part genius, one part crazy”</SubTitle>
-      <Divider />
     </Wrapper>
   );
 };

components/Social.tsx

@@ -15,11 +15,9 @@ const Outer = styled.div`
   align-items: center;
 `;
 
-const Image = styled.div<{ src: string }>`
+const Image = styled.img<{ src: string }>`
   width: 50px;
   height: 50px;
-  background: url('${({ src }) => src}');
-  background-size: cover;
   margin-right: 10px;
   transition: all .8s;
   filter: grayscale(100%) invert();
@@ -53,7 +51,7 @@ const ItemWrapper = styled.a`
     color: #000;
     box-shadow: 0 0 35px rgba(0, 0, 0, .3);
 
-    &> div {
+    &> img {
       filter: grayscale(100%);
     }
   }