diff --git a/public/assets/images/home/bg.webp b/public/assets/images/home/bg.webp
new file mode 100644
index 0000000..6c036a7
Binary files /dev/null and b/public/assets/images/home/bg.webp differ
diff --git a/src/app/globals.css b/src/app/globals.css
index a7a6f11..3044583 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -5685,20 +5685,13 @@ body {
      Home Contact One Section
      ----------------------------------------------------------- */
 .home-contact-one {
-  background-color: var(--pelocis-black, #1a1f2b);
+  /* background-color: var(--pelocis-black, #1a1f2b); */
   padding: 80px 0 80px;
-  /* position: relative;
-  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: top center;
-  mask-position: top center;
-  -webkit-mask-size: cover;
-  mask-size: cover; */
+  position: relative;
+  z-index: 1;
 }
 
-/* .home-contact-one__bg {
+.home-contact-one__bg {
   position: absolute;
   left: 0;
   top: 0;
@@ -5707,8 +5700,9 @@ body {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
-  opacity: 0.05;
-} */
+  opacity: 1;
+  z-index: -1;
+}
 
 .home-contact-one .home-contact__card {
   padding: 32px;
@@ -5908,20 +5902,13 @@ body {
      Home Contact One Section
      ----------------------------------------------------------- */
 .home-contact-one {
-  background-color: var(--pelocis-black, #1a1f2b);
+  /* background-color: var(--pelocis-black, #1a1f2b); */
   padding: 80px 0 80px;
-  /* position: relative;
-  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: top center;
-  mask-position: top center;
-  -webkit-mask-size: cover;
-  mask-size: cover; */
+  position: relative;
+  z-index: 1;
 }
 
-/* .home-contact-one__bg {
+.home-contact-one__bg {
   position: absolute;
   left: 0;
   top: 0;
@@ -5930,8 +5917,9 @@ body {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
-  opacity: 0.05;
-} */
+  opacity: 1;
+  z-index: -1;
+}
 
 .home-contact-one .home-contact__card {
   padding: 32px;
@@ -6142,20 +6130,13 @@ body {
      Home Contact One Section
      ----------------------------------------------------------- */
 .home-contact-one {
-  background-color: var(--pelocis-black, #1a1f2b);
+  /* background-color: var(--pelocis-black, #1a1f2b); */
   padding: 80px 0 80px;
-  /* position: relative;
-  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: top center;
-  mask-position: top center;
-  -webkit-mask-size: cover;
-  mask-size: cover; */
+  position: relative;
+  z-index: 1;
 }
 
-/* .home-contact-one__bg {
+.home-contact-one__bg {
   position: absolute;
   left: 0;
   top: 0;
@@ -6164,8 +6145,9 @@ body {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
-  opacity: 0.05;
-} */
+  opacity: 1;
+  z-index: -1;
+}
 
 .home-contact-one .home-contact__card {
   padding: 32px;
@@ -6376,20 +6358,13 @@ body {
      Home Contact One Section
      ----------------------------------------------------------- */
 .home-contact-one {
-  background-color: var(--pelocis-black, #1a1f2b);
+  /* background-color: var(--pelocis-black, #1a1f2b); */
   padding: 80px 0 80px;
-  /* position: relative;
-  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: top center;
-  mask-position: top center;
-  -webkit-mask-size: cover;
-  mask-size: cover; */
+  position: relative;
+  z-index: 1;
 }
 
-/* .home-contact-one__bg {
+.home-contact-one__bg {
   position: absolute;
   left: 0;
   top: 0;
@@ -6398,8 +6373,9 @@ body {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
-  opacity: 0.05;
-} */
+  opacity: 1;
+  z-index: -1;
+}
 
 .home-contact-one .home-contact__card {
   padding: 32px;
diff --git a/src/components/home/HomeContactOne.tsx b/src/components/home/HomeContactOne.tsx
index 6d64c47..fb2ab8e 100644
--- a/src/components/home/HomeContactOne.tsx
+++ b/src/components/home/HomeContactOne.tsx
@@ -91,7 +91,7 @@ const HomeContactOne = () => {
         <section className="home-contact-one">
             <div
                 className="home-contact-one__bg"
-                style={{ backgroundImage: 'url(https://bracketweb.com/pelocishtml/assets/images/backgrounds/contact-bg-1.jpg)' }}
+                style={{ backgroundImage: 'url(/assets/images/home/bg.webp)' }}
             ></div>
             <div className="container">
                 <div className="row">