diff --git a/src/assets/images/about_one.png b/src/assets/images/about_one.png
new file mode 100644
index 0000000..f5e9c98
Binary files /dev/null and b/src/assets/images/about_one.png differ
diff --git a/src/assets/images/about_three.png b/src/assets/images/about_three.png
new file mode 100644
index 0000000..d0408be
Binary files /dev/null and b/src/assets/images/about_three.png differ
diff --git a/src/assets/images/about_two.png b/src/assets/images/about_two.png
new file mode 100644
index 0000000..dfd123b
Binary files /dev/null and b/src/assets/images/about_two.png differ
diff --git a/src/component/AboutUs/Main.js b/src/component/AboutUs/Main.js
index d594945..76f09e6 100644
--- a/src/component/AboutUs/Main.js
+++ b/src/component/AboutUs/Main.js
@@ -6,6 +6,10 @@ import BGImg from "../../assets/images/bread_crumb_bg.png"
 import BGImg1 from "../../assets/images/bread_crumb_bg_one.png"
 import BGImg2 from "../../assets/images/bread_crumb_bg_two.png"
 
+import About1 from '../../assets/images/about_one.png'
+import About2 from '../../assets/images/about_two.png'
+import About3 from '../../assets/images/about_three.png'
+
 const Main = ({brdcum}) => {
     const [ytShow , setytShow] = useState (false)
 
@@ -84,12 +88,12 @@ const Main = ({brdcum}) => {
                     <div className="col-lg-6">
                         <div className="app_images" data-aos="fade-in" data-aos-duration="1500">
                         <ul>
-                            <li><img src="assets/images/abt_01.png" alt="" /></li>
+                            <li><img src={About1} alt="health monitor gadget" /></li>
                             <li>
                             <a data-url="#" onClick = {() => setytShow(true)}  className="popup-youtube play-button"
                                 data-toggle="modal"
                                 data-target="#myModal" title="About Video">
-                                <img src="assets/images/abt_02.png" alt="" />
+                                <img class="mw-100" src={About2} alt="" />
                                 <div className="waves-block">
                                 <div className="waves wave-1"></div>
                                 <div className="waves wave-2"></div>
@@ -98,7 +102,8 @@ const Main = ({brdcum}) => {
                                 <span className="play_icon"><img src="assets/images/play_black.png" alt="image"/></span>
                             </a>
                             </li>
-                            <li><img src="assets/images/abt_03.png" alt="" /></li>
+                            {/* <li><img src="assets/images/abt_03.png" alt="" /></li> */}
+                            <li><img src={About3} alt="" /></li>
                         </ul>
                         </div>
                     </div>