diff --git a/.browserslistrc b/.browserslistrc
new file mode 100644
index 0000000..c8b644b
--- /dev/null
+++ b/.browserslistrc
@@ -0,0 +1,6 @@
+> 0.5%
+last 2 Chrome versions
+last 2 Firefox versions
+last 2 Safari versions
+last 2 Edge versions
+not dead
diff --git a/public/amrabed.webp b/public/amrabed.webp
index af835e7..51328d9 100644
Binary files a/public/amrabed.webp and b/public/amrabed.webp differ
diff --git a/src/components/sections/hero.tsx b/src/components/sections/hero.tsx
index 8f6e2ef..5e395c9 100644
--- a/src/components/sections/hero.tsx
+++ b/src/components/sections/hero.tsx
@@ -54,6 +54,7 @@ const Intro = () => {
             fill
             className="rounded-full object-cover"
             priority
+            sizes="(max-width: 768px) 300px, 400px"
           />
         </div>
 
diff --git a/tsconfig.json b/tsconfig.json
index 64e920a..74aaf0b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,7 +20,7 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "target": "ES2017"
+    "target": "ES2022"
   },
   "include": [
     "next-env.d.ts",