Update nextjs package

next-env.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -14,7 +14,7 @@
     "framer-motion": "^4.1.17",
     "gray-matter": "^4.0.2",
     "mdx-embed": "^0.0.17",
-    "next": "10.0.4",
+    "next": "^11.1.0",
     "next-mdx-remote": "^2.1.1",
     "nprogress": "^0.2.0",
     "prism-react-renderer": "^1.1.1",

pages/about.tsx

@@ -178,7 +178,7 @@ const About: FC = () => {
 					</div>
 				</div>
 				<div className='photo'>
-					<Image src='/picture.jpg' width='auto' height='auto' layout='responsive' />
+					<Image src='/picture.jpg' width='100%' height='100%' layout='responsive' />
 				</div>
 			</Wrapper>
 		</>