diff --git a/src/sections/hero/HeroView.vue b/src/sections/hero/HeroView.vue
index 151fa12b..c0ae6ca0 100644
--- a/src/sections/hero/HeroView.vue
+++ b/src/sections/hero/HeroView.vue
@@ -30,8 +30,8 @@
       <div
         data-aos="fade-left"
         data-aos-duration="3000"
-        class="relative order-2 p-4 border border-primary rounded-full border-opacity-50 lg:p-7 xl:p-9">
-        <div class="relative p-4 border border-primary rounded-full border-primary border-opacity-50 lg:p-7 xl:p-9">
+        class="relative order-2 p-4 border border-2 border-primary  rounded-full border-opacity-50 lg:p-7 xl:p-9">
+        <div class="relative p-4 border border-2 rounded-full border-primary border-opacity-50 lg:p-7 xl:p-9">
           <img
             loading="lazy"
             class="w-full rounded-full"
@@ -98,6 +98,7 @@
 hero-img"
             title="Tailwind"
             home-skill>
+            <img class="w-full max-w-xs mx-auto lg:max-w-lg xl:max-w-xl" src="https://landingfoliocom.imgix.net/store/collection/dusk/images/hero/1/3d-illustration.png" alt="" />
             <img
               loading="lazy"
               :src="require('@/imgs/hero/technologies/tailwind.svg')"
diff --git a/src/sections/portfolio/PortfolioSection.vue b/src/sections/portfolio/PortfolioSection.vue
index da8ec38e..97396661 100644
--- a/src/sections/portfolio/PortfolioSection.vue
+++ b/src/sections/portfolio/PortfolioSection.vue
@@ -10,7 +10,7 @@
                 alt="Ngtv Project"
                 class="skew-y-6 rounded-lg"
                 data-aos="fade-right"
-                data-aos-duration="2000"
+                data-aos-duration="1000"
                 :src="require('@/imgs/portfolio/ng.webp')">
               <DotSvg
                 class="-mt-10 -ml-10" />
@@ -65,7 +65,7 @@
                 alt="Cegedim srh"
                 class="skew-y-6 rounded-lg"
                 data-aos="fade-right"
-                data-aos-duration="2000"
+                data-aos-duration="1000"
                 :src="require('@/imgs/portfolio/srh.webp')">
               <DotSvg class="-mt-10 -ml-10" />
             </div>
@@ -114,7 +114,7 @@
                 alt="Orange logo"
                 class="skew-y-6 rounded-lg"
                 data-aos="fade-right"
-                data-aos-duration="2000"
+                data-aos-duration="1000"
                 :src="require('@/imgs/portfolio/Orange-logo.jpg')">
               <DotSvg class="-mt-10 -ml-10" />
             </div>