services, animation

components/sections/home/AboutSection.js

@@ -14,7 +14,7 @@ export default function AboutSection() {
                     <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                         <div className="image_block_one">
                             <div className="image-box">
-                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
+                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div>
                                 <div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
                                 <figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="" /></figure>
                                 <div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="" /></div>

components/sections/home/AreaOfInjury.js

@@ -20,7 +20,7 @@ export default function AreaOfInjury() {
                 <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
             </div>
             <div className="shape">
-                <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
+                {/* <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div> */}
                 <div className="shape-2"></div>
                 <div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
             </div>

components/sections/home/FaqSection.js

@@ -35,7 +35,7 @@ export default function FaqSection() {
                                 <div className="image-shape">
                                     <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
                                     <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
-                                    <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
+                                    <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div>
                                     <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
                                     <div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
                                 </div>

components/sections/home/ServicesSection.js

@@ -4,7 +4,7 @@ import React from 'react';
 
 export default function ServicesSection() {
     return (
-        <section className="service-section sec-pad " style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}>
+        <section className="service-section sec-pad " style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}>
             <div className="auto-container">
                 <div className="sec-title-1 mb_50 centred">
                     <span className="sub-title-1">We Offer For You Medical & <br />Saving Lives</span>