diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 9931c8a..6c3aae6 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -125,7 +125,7 @@ const HeroSection: React.FC = () => {
             ease: [0.4, 0, 0.2, 1],
             delay: 0.4,
           }}
-          className="absolute top-[142px] left-[77px] social-icons-pp z-20"
+          className="absolute top-[77px] left-[70px] lg:top-[142px] lg:left-[77px] social-icons-pp z-20"
         >
           <motion.div
             animate={{
@@ -143,6 +143,7 @@ const HeroSection: React.FC = () => {
               alt="Social Icons"
               height={500}
               width={500}
+              className="w-[300px] h-[200px] lg:w-[500px] lg:h-[500px] object-contain"
             />
           </motion.div>
         </motion.div>