diff --git a/about.html b/about.html
index 5036ab7..f3cff21 100644
--- a/about.html
+++ b/about.html
@@ -146,14 +146,14 @@
               </div>
 
               <div class="about-img-2">
-                <figure class="image-anime reveal">
-                  <img
-                    src="images/match.png"
-                    alt=""
-                    style="width: 348px; height: auto"
-                  />
-                </figure>
-              </div>
+                 <figure class="image-anime reveal">
+                   <img
+                     src="images/match.png"
+                     alt=""
+                     class="team-responsive-img"
+                   />
+                 </figure>
+               </div>
             </div>
             <!-- About Image End -->
           </div>
diff --git a/css/custom.css b/css/custom.css
index 6e57b02..8e4ccc8 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -267,6 +267,22 @@ img, picture, video, canvas, svg{
     }
 }
 
+/* Team Image Responsive Styles */
+.team-responsive-img {
+    width: 100%;
+    height: auto;
+    max-width: 500px;
+    border-radius: 8px;
+    display: block;
+}
+
+/* Mobile optimization */
+@media (max-width: 768px) {
+    .team-responsive-img {
+        max-width: 100%;
+    }
+}
+
 a{
 	text-decoration: none;
 }