update

src/components/bookDesign/BookDesign.js

@@ -5,19 +5,16 @@ import bookPage from "../../assets/images/Path2.svg";
 const BookDesign = () => {
   return (
     <section className="my-24 mx-24 flex">
-      <div className="flex relative bg-rose-400">
+      <div className="flex relative ">
         <img
           src={book}
           alt=""
-          className="rounded-md z-40 transform -translate-x-2"
+          className="rounded-md z-40 transform -translate-x-2 w-72 h-full"
         />
-        <img src={bookPage} alt="" className="z-30" />
-        <div className="bg-greenBookBg w-4 rounded-l-md transform translate-x-3 z-10"></div>
+        <img src={bookPage} alt="" className="z-30 h-full" />
+        <div className="bg-greenBookBg w-7 rounded-l-md transform translate-x-4 z-10"></div>
         {/* <div className="bg-greenBookBg rounded-l-md w-20 transform translate-x-4 z-10"></div> */}
-        <div
-          className="absolute left-0 -bottom-0 h-8 rounded-full z-50 shadow-lg bg-slate-700"
-          style={{ width: 216 }}
-        ></div>
+        <div className="w-full absolute left-0 -bottom-1 h-12 rounded-full  shadow-lg"></div>
       </div>
     </section>
   );