Attempted to fix iOS bug

components/Me.tsx

@@ -20,8 +20,6 @@ const ImageWrapper = styled.div<{loaded: boolean}>`
   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`
@@ -80,8 +78,8 @@ const Me: React.FC<{}> = () => {
   const imgRef = useRef<HTMLImageElement>();
   const [loaded, setLoaded] = useState(false);
   useEffect(() => {
-    if (imgRef.current) {
+    if (imgRef.current && imgRef.current.complete) {
-      setLoaded(imgRef.current.complete);
+      setLoaded(true);
     }
   }, [imgRef]);
   return (

components/Social.tsx

@@ -31,7 +31,7 @@ const Wrapper = styled.div`
   align-items: center;
   height: 100%;
   flex-wrap: wrap;
-  max-width: 1000px;
+  max-width: 1600px;
 `;
 
 const ItemWrapper = styled.a`