diff --git a/.DS_Store b/.DS_Store
index dec7781..f4a0ad8 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/assets/Img1.jpg b/assets/Img1.jpg
new file mode 100644
index 0000000..1cda965
Binary files /dev/null and b/assets/Img1.jpg differ
diff --git a/assets/Img10.jpg b/assets/Img10.jpg
new file mode 100644
index 0000000..221fad5
Binary files /dev/null and b/assets/Img10.jpg differ
diff --git a/assets/Img11.jpg b/assets/Img11.jpg
new file mode 100644
index 0000000..dcbd890
Binary files /dev/null and b/assets/Img11.jpg differ
diff --git a/assets/Untitled-09.jpg b/assets/Img12.jpg
similarity index 100%
rename from assets/Untitled-09.jpg
rename to assets/Img12.jpg
diff --git a/assets/Untitled-11.jpg b/assets/Img13.jpg
similarity index 100%
rename from assets/Untitled-11.jpg
rename to assets/Img13.jpg
diff --git a/assets/Untitled-20.jpg b/assets/Img14.jpg
similarity index 100%
rename from assets/Untitled-20.jpg
rename to assets/Img14.jpg
diff --git a/assets/Untitled-28.jpg b/assets/Img15.jpg
similarity index 100%
rename from assets/Untitled-28.jpg
rename to assets/Img15.jpg
diff --git a/assets/WEB-21.jpg b/assets/Img16.jpg
similarity index 100%
rename from assets/WEB-21.jpg
rename to assets/Img16.jpg
diff --git a/assets/Img2.heic b/assets/Img2.heic
new file mode 100644
index 0000000..ebc8212
Binary files /dev/null and b/assets/Img2.heic differ
diff --git a/assets/Img4.jpg b/assets/Img4.jpg
new file mode 100644
index 0000000..fadd8ab
Binary files /dev/null and b/assets/Img4.jpg differ
diff --git a/assets/Img5.heic b/assets/Img5.heic
new file mode 100644
index 0000000..68db61e
Binary files /dev/null and b/assets/Img5.heic differ
diff --git a/assets/Img6.jpg b/assets/Img6.jpg
new file mode 100644
index 0000000..ce2d73c
Binary files /dev/null and b/assets/Img6.jpg differ
diff --git a/assets/Img7.jpg b/assets/Img7.jpg
new file mode 100644
index 0000000..92e6da7
Binary files /dev/null and b/assets/Img7.jpg differ
diff --git a/assets/Img8.jpg b/assets/Img8.jpg
new file mode 100644
index 0000000..5a8ac47
Binary files /dev/null and b/assets/Img8.jpg differ
diff --git a/assets/WEB-22.jpg b/assets/img17.jpg
similarity index 100%
rename from assets/WEB-22.jpg
rename to assets/img17.jpg
diff --git a/assets/img3.jpg b/assets/img3.jpg
new file mode 100644
index 0000000..0131258
Binary files /dev/null and b/assets/img3.jpg differ
diff --git a/index.html b/index.html
index 422bc8d..72a1c6a 100644
--- a/index.html
+++ b/index.html
@@ -244,11 +244,7 @@
         <div class="about-containers">
           <div class="details-container color-container">
             <div class="article-container">
-              <img
-                src="./assets/WEB-22.jpg"
-                alt="Project 2"
-                class="project-img"
-              />
+              <img src="./assets/WEB-22.jpg" alt="Project 2" class="project-img" />
             </div>
          
             <div class="btn-container">
@@ -257,11 +253,7 @@
           </div>
           <div class="details-container color-container">
             <div class="article-container">
-              <img
-                src="./assets/WEB-22.jpg"
-                alt="Project 2"
-                class="project-img"
-              />
+              <img src="./assets/WEB-22.jpg" alt="Project 2" class="project-img" />
             </div>
 
             <div class="btn-container">
@@ -270,11 +262,7 @@
           </div>
           <div class="details-container color-container">
             <div class="article-container">
-              <img
-                src="./assets/Untitled-28.jpg"
-                alt="Project 3"
-                class="project-img"
-              />
+              <img src="./assets/Untitled-28.jpg" alt="Project 3" class="project-img" />
             </div>
 
             <div class="btn-container">
@@ -283,11 +271,7 @@
           </div>
           <div class="details-container color-container">
             <div class="article-container">
-              <img
-                src="./assets/Untitled-09.jpg"
-                alt="Project 3"
-                class="project-img"
-              />
+              <img src="./assets/Untitled-09.jpg" alt="Project 3" class="project-img"/>
             </div>
             <div class="btn-container">
 
@@ -295,11 +279,7 @@
           </div>
           <div class="details-container color-container">
             <div class="article-container">
-              <img
-                src="./assets/Untitled-20.jpg"
-                alt="Project 3"
-                class="project-img"
-              />
+              <img src="./assets/Untitled-20.jpg" alt="Project 3" class="project-img" />
             </div>
             <div class="btn-container">
 
@@ -307,11 +287,58 @@
           </div>
           <div class="details-container color-container">
             <div class="article-container">
-              <img
-                src="./assets/Untitled-28.jpg"
-                alt="Project 3"
-                class="project-img"
-              />
+              <img src="./assets/Untitled-28.jpg" alt="Project 3" class="project-img" />
+            </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="experience-details-container">
+        <div class="about-containers">
+          <div class="details-container color-container">
+            <div class="article-container">
+              <img src="./assets/WEB-22.jpg" alt="Project 2"  class="project-img" />
+            </div>
+         
+            <div class="btn-container">
+            
+            </div>
+          </div>
+          <div class="details-container color-container">
+            <div class="article-container">
+              <img src="./assets/WEB-22.jpg" alt="Project 2" class="project-img"/>
+            </div>
+
+            <div class="btn-container">
+             
+            </div>
+          </div>
+          <div class="details-container color-container">
+            <div class="article-container">
+              <img src="./assets/Untitled-28.jpg" alt="Project 3" class="project-img"/>
+            </div>
+            <div class="btn-container">
+            </div>
+          </div>
+
+          <div class="details-container color-container">
+            <div class="article-container">
+              <img src="./assets/Untitled-09.jpg" alt="Project 3" class="project-img"/>
+            </div>
+
+            <div class="btn-container">
+            </div>
+          </div>
+          <div class="details-container color-container">
+            <div class="article-container">
+              <img src="./assets/Untitled-20.jpg" alt="Project 3" class="project-img" />
+            </div>
+            <div class="btn-container">
+            </div>
+          </div>
+          <div class="details-container color-container">
+            <div class="article-container">
+              <img src="./assets/Untitled-28.jpg" alt="Project 3" class="project-img" />
             </div>
             </div>
           </div>
diff --git a/style.css b/style.css
index 4e348ee..82a1579 100644
--- a/style.css
+++ b/style.css
@@ -365,9 +365,10 @@ article .icon {
 }
 
 .color-container {
-  border-color: rgb(163, 163, 163);
-  background: rgb(250, 250, 250);
+  border-color: white;
+border-radius: 1px;
   padding: 10px;
+  background-color: transparent;
 }
 
 .project-img {