diff --git a/images/banner.avif b/images/banner.avif
deleted file mode 100644
index b5f777a..0000000
Binary files a/images/banner.avif and /dev/null differ
diff --git a/images/banner.webp b/images/banner.webp
new file mode 100644
index 0000000..e531d4d
Binary files /dev/null and b/images/banner.webp differ
diff --git a/images/profilePic.webp b/images/profilePic.webp
new file mode 100644
index 0000000..9a2b011
Binary files /dev/null and b/images/profilePic.webp differ
diff --git a/images/work1.webp b/images/work1.webp
new file mode 100644
index 0000000..51abf0e
Binary files /dev/null and b/images/work1.webp differ
diff --git a/images/work10.webp b/images/work10.webp
new file mode 100644
index 0000000..265771f
Binary files /dev/null and b/images/work10.webp differ
diff --git a/images/work2.webp b/images/work2.webp
new file mode 100644
index 0000000..169aca5
Binary files /dev/null and b/images/work2.webp differ
diff --git a/images/work3.webp b/images/work3.webp
new file mode 100644
index 0000000..e0b18ac
Binary files /dev/null and b/images/work3.webp differ
diff --git a/images/work4.webp b/images/work4.webp
new file mode 100644
index 0000000..40ff914
Binary files /dev/null and b/images/work4.webp differ
diff --git a/images/work5.webp b/images/work5.webp
new file mode 100644
index 0000000..54e5087
Binary files /dev/null and b/images/work5.webp differ
diff --git a/images/work6.webp b/images/work6.webp
new file mode 100644
index 0000000..a212da7
Binary files /dev/null and b/images/work6.webp differ
diff --git a/images/work7.webp b/images/work7.webp
new file mode 100644
index 0000000..69b580e
Binary files /dev/null and b/images/work7.webp differ
diff --git a/images/work8.webp b/images/work8.webp
new file mode 100644
index 0000000..9da7b13
Binary files /dev/null and b/images/work8.webp differ
diff --git a/images/work9.webp b/images/work9.webp
new file mode 100644
index 0000000..c3373e0
Binary files /dev/null and b/images/work9.webp differ
diff --git a/index.html b/index.html
index 728eac2..d20cd2e 100644
--- a/index.html
+++ b/index.html
@@ -97,7 +97,10 @@
           <h2 class="title">About me</h2>
           <div class="about-content">
             <div class="column left">
-              <img src="images/profilePic.avif" alt="" />
+              <picture>
+                <source srcset="images/profilePic.avif" type="image/avif">
+                <img src="images/profilePic.webp" alt="" />
+              </picture>
             </div>
             <div class="column right">
               <div class="text">
@@ -164,15 +167,15 @@ <h2 class="title">My Experiences</h2>
         <section class="experiences">
           <div class="experiences-content">
             <div class="text">
-              I'm Adarsh Jena and I'm a <span class="typing-2"></span>
+              Freelanced @<a class="typing-2" href="https://startic-field.vercel.app/" target="_blank">StarticField</a>
             </div>
             <p>
               As a developer, I specialize in creating modular and scalable
               front-end architectures.I generate fresh and unique content for
               any specific purpose.Since I respect the time, I always deliver
               content within the promised timeframe. I understand and respect
-              the fact, that there is a story behind every brand , behind every
-              individual.
+              the fact, that there is a story behind every brand , behind
+              every individual.
             </p>
             <ul>
               <li>
@@ -343,7 +346,10 @@ <h2 class="title">My Projects</h2>
           <div class="carousel owl-carousel">
             <div class="card">
               <div class="box">
-                <img src="images/work8.avif" alt="" />
+                <picture>
+                  <source srcset="images/work8.avif" type="image/avif">
+                  <img src="images/work8.webp" alt="" />
+                </picture>
                 <div class="text">CA Portal</div>
                 <p>
                   This is a
@@ -357,7 +363,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work7.avif" alt="" />
+                <picture>
+                  <source srcset="images/work7.avif" type="image/avif">
+                  <img src="images/work7.webp" alt="" />
+                </picture>
                 <div class="text">3D Haunted House</div>
                 <p>
                   This is a 3D WEB APP build using Three.js,I have used DatGui
@@ -375,7 +384,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work1.avif" alt="" />
+                <picture>
+                  <source srcset="images/work1.avif" type="image/avif">
+                  <img src="images/work1.webp" alt="" />
+                </picture>
                 <div class="text">BeatMaker</div>
                 <p>
                   This is a
@@ -391,7 +403,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work2.avif" alt="" />
+                <picture>
+                <source srcset="images/work2.avif" type="image/avif">
+                <img src="images/work2.webp" alt="" />
+              </picture>
                 <div class="text">e-comerse website</div>
                 <p>
                   Developed fully functioning e-comerse website with the use of
@@ -407,7 +422,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work3.avif" alt="" />
+                <picture>
+                  <source srcset="images/work3.avif" type="image/avif">
+                  <img src="images/work3.webp" alt="" />
+                </picture>
                 <div class="text">expense tracker</div>
                 <p>
                   This is an
@@ -425,7 +443,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work9.avif" alt="" />
+                <picture>
+                  <source srcset="images/work9.avif" type="image/avif">
+                  <img src="images/work9.webp" alt="" />
+                </picture>
                 <div class="text">Landing page</div>
                 <p>
                   This is a
@@ -440,7 +461,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work4.avif" alt="" />
+                <picture>
+                  <source srcset="images/work4.avif" type="image/avif">
+                  <img src="images/work4.webp" alt="" />
+                </picture>
                 <div class="text">Tic Tac To</div>
                 <p>
                   Tic Tac To , an AI boot , which is unbeatable!!<br />
@@ -461,7 +485,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work5.avif" alt="" />
+                <picture>
+                  <source srcset="images/work5.avif" type="image/avif">
+                  <img src="images/work5.webp" alt="" />
+                </picture>
                 <div class="text">Weather App</div>
                 <p>
                   This is a Weather App. The app tracks your location and
@@ -479,7 +506,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work10.avif" alt="" />
+                <picture>
+                  <source srcset="images/work10.avif" type="image/avif">
+                  <img src="images/work10.webp" alt="" />
+                </picture>
                 <div class="text">Landing Page</div>
                 <p>
                   This is a
@@ -493,7 +523,10 @@ <h2 class="title">My Projects</h2>
             </div>
             <div class="card">
               <div class="box">
-                <img src="images/work6.avif" alt="" />
+                <picture>
+                  <source srcset="images/work6.avif" type="image/avif">
+                  <img src="images/work6.webp" alt="" />
+                </picture>
                 <div class="text">To Do App</div>
                 <p>
                   This is a To Do App. I ahe developed it using flutter. I have
diff --git a/style.css b/style.css
index c2755e2..140848b 100644
--- a/style.css
+++ b/style.css
@@ -205,7 +205,7 @@ section .title::after{
 /* home section styling */
 .home{
     display: flex;
-    background: url("images/banner.avif") no-repeat center;
+    background: url("images/banner.webp") no-repeat center;
     height: 100vh;
     color: var(--second-color);
     min-height: 500px;
@@ -274,6 +274,11 @@ section .title::after{
     padding-top: 10vh;
 }
 
+.typing-2{
+    color: white;
+    text-decoration: underline #ffc000;
+}
+
 .experience .title::after{
     content: "Internship & Freelance";
 }
@@ -309,10 +314,15 @@ section .title::after{
 .experiences:nth-child(odd)::after{
     left: -68vh;
     top: -5vh;
-    content: "02";
     text-align: end;
 
 }
+.experiences:nth-child(3)::after{
+    content: "02";
+}
+.experiences:nth-child(4)::after{
+    content: "03";
+}
 
 .experiences .experiences-content{
     color: #fff;