Merge branch 'optimization' of https://github.com/shiwangi-upadhyay/4.0 into optimization

Author: shiwangi-upadhyay

package-lock.json

@@ -45,14 +45,14 @@ const DigitalSwag = () => {
     }
 
     return (
-        <div className='flex justify-center items-center w-screen h-[100%] overflow-hidden bg-gradient-to-r from-blue-900 to-red-500' id='pop'>
-            <div ref={divRef} className='bg-gradient-to-r from-blue-900 to-red-500 rounded-lg lg:w-full lg:h-screen lg:mt-10 p-4 lg:p-8 text-center'>
+        <div className='flex justify-center items-center w-screen min-h-screen' id='pop'>
+            <div ref={divRef} className='bg-gradient-to-r from-blue-900 to-red-500 rounded-lg lg:w-full lg:h-screen p-4 lg:p-8 text-center'>
                 <h1 className='lg:text-[4rem] text-[2rem] mb-6 mx-44 px-5 relative lg:left-48'>Digital Swag</h1>
                 <p className='relative mb-10 lg:right-10 lg:text-[2rem] lg:mx-[200px] lg:left-[200px] lg:px-5 px-[100px] text-[10px]'>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam sint placeat ad a, eaque nesciunt beatae nostrum ducimus cum similique. Labore, vel doloremque. Necessitatibus rem commodi recusandae, esse earum expedita.</p>
-                <div className='lg:absolute relative mb-10 bg-center bg-cover w-[300px] h-[500px] lg:w-[400px] lg:h-[700px]  lg:top-[30px] left-[19%] lg:left-5 border-2' id='download' style={{backgroundImage: `url('/Dexterix 4.0 temp.png')`}}>
+                <div className='lg:absolute relative mb-10 bg-center bg-cover w-[300px] h-[500px] lg:w-[30vw] lg:h-[85vh]  lg:top-[30px] left-[19%] lg:left-5 border-2' id='download' style={{backgroundImage: `url('/Dexterix 4.0 temp.png')`}}>
                     <img src={imageUrl} alt="pic" className='absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 lg:w-48 h-36 lg:h-48 border-4' id='Pic'/>
-                    <div className="absolute bottom-32 lg:bottom-48 left-[50%] transform -translate-x-1/2 block w-[200px]   font-bold text-[#333]">
-                        <p className="text-lg text-white glowing-text py-2">{name}</p>
+                    <div className="absolute bottom-32 lg:bottom-28 left-[50%] transform -translate-x-1/2 block w-[200px]   font-bold text-[#333]">
+                        <p className=" text-lg text-white glowing-text py-2">{name}</p>
                     </div>
                 </div>