Attempted to fix iOS bug

components/Me.tsx

@@ -14,12 +14,12 @@ const ImageWrapper = styled.div<{loaded: boolean}>`
   border-radius: 50%;
   border: solid 10px rgba(255, 255, 255, .5);
   box-shadow: 0 0 35px rgba(0, 0, 0, .5);
-  overflow: hidden;
   width: 100%;
   max-width: 300px;
   position: relative;
   transition: all .6s;
-  transform: rotateY(180deg);
+  opacity: ${({ loaded }) => loaded ? '1' : '0'};
+  transform: ${({ loaded }) => loaded ? 'rotateY(180deg)' : 'rotateY(90deg) translateX(-300px)'};
 `;
 
 const Spacer = styled.div`
@@ -68,6 +68,7 @@ const Image = styled.img<{blurDataURL: string}>`
   background: url("${({ blurDataURL }) => blurDataURL}");
   position: absolute;
   background-size: cover;
+  border-radius: 50%;
   top: 0;
   left: 0;
   width: 100%;