diff --git a/src/components/Advertisement/design3/index.js b/src/components/Advertisement/design3/index.js
index 498e054..671edbb 100644
--- a/src/components/Advertisement/design3/index.js
+++ b/src/components/Advertisement/design3/index.js
@@ -30,15 +30,15 @@ const AdvertisementDesign3 = ({ features }) => {
         </div>
         <div
           style={{ backgroundColor: "#00FFFF22" }}
-          className="rounded-full w-20 h-20 sm:w-32 sm:h-32 absolute left-1/4 top-1/3 transform -translate-x-1/4 -translate-y-1/2 z-20"
+          className="rounded-full w-20 h-20 sm:w-32 sm:h-32 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 z-20"
         ></div>
         <div
           style={{ backgroundColor: "#6E6EEF22" }}
-          className="rounded-full w-44 h-44 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2 z-10"
+          className="rounded-full w-44 h-44 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"
         ></div>
         <div
           style={{ backgroundColor: "#06BACE22" }}
-          className="rounded-full w-44 h-44 absolute left-0 top-2"
+          className="rounded-full w-44 h-44 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"
         ></div>
         <div className="absolute bottom-5 left-10">
           <button className="border-2 border-blue-500 text-blue-500  ml-4 rounded p-2 text-sm">