diff --git a/src/components/HomeIndex/index.tsx b/src/components/HomeIndex/index.tsx
index 9a196ca..41b8862 100644
--- a/src/components/HomeIndex/index.tsx
+++ b/src/components/HomeIndex/index.tsx
@@ -18,12 +18,7 @@ const HomeIndex: React.FC = () => {
                         r: -8,
                         h: 160,
                         w: (el: any) => {
-                            let width = el.parentNode.clientWidth
-
-                            if (width < el.parentNode.scrollWidth) {
-                                width = el.parentNode.scrollWidth
-                            }
-                            return Math.max(320, width * 0.55)
+                            return Math.max(320, el.parentNode.offsetWidth * 0.55)
                         },
                     },
 
@@ -35,12 +30,7 @@ const HomeIndex: React.FC = () => {
                         r: 15,
                         h: 360,
                         w: (el: any) => {
-                            let width = el.parentNode.clientWidth
-
-                            if (width < el.parentNode.scrollWidth) {
-                                width = el.parentNode.scrollWidth
-                            }
-                            return Math.max(220, width * 0.3)
+                            return Math.max(220, el.parentNode.offsetWidth * 0.3)
                         },
                     },
 
@@ -52,12 +42,7 @@ const HomeIndex: React.FC = () => {
                         r: 6,
                         h: 300,
                         w: (el: any) => {
-                            let width = el.parentNode.clientWidth
-
-                            if (width < el.parentNode.scrollWidth) {
-                                width = el.parentNode.scrollWidth
-                            }
-                            return Math.max(330, width * 0.55)
+                            return Math.max(330, el.parentNode.offsetWidth * 0.55)
                         },
                     },
 
@@ -69,12 +54,7 @@ const HomeIndex: React.FC = () => {
                         r: -5,
                         h: 400,
                         w: (el: any) => {
-                            let width = el.parentNode.clientWidth
-
-                            if (width < el.parentNode.scrollWidth) {
-                                width = el.parentNode.scrollWidth
-                            }
-                            return Math.max(305, width * 0.45)
+                            return Math.max(305, el.parentNode.offsetWidth * 0.45)
                         },
                     },
 
@@ -86,12 +66,7 @@ const HomeIndex: React.FC = () => {
                         r: -20,
                         h: 525,
                         w: (el: any) => {
-                            let width = el.parentNode.clientWidth
-
-                            if (width < el.parentNode.scrollWidth) {
-                                width = el.parentNode.scrollWidth
-                            }
-                            return Math.max(160, width * 0.3)
+                            return Math.max(160, el.parentNode.offsetWidth * 0.3)
                         },
                     },
 
@@ -103,12 +78,7 @@ const HomeIndex: React.FC = () => {
                         r: 10,
                         h: 160,
                         w: (el: any) => {
-                            let width = el.parentNode.clientWidth
-
-                            if (width < el.parentNode.scrollWidth) {
-                                width = el.parentNode.scrollWidth
-                            }
-                            return Math.max(320, width * 0.55)
+                            return Math.max(320, el.parentNode.offsetWidth * 0.55)
                         },
                     },
                 ]
@@ -168,14 +138,7 @@ const HomeIndex: React.FC = () => {
                 })
 
                 gsap.from(['.card--five .card__dummy', '.card--six .card__dummy'], {
-                    width: (el: any) => {
-                        let width = el.parentNode.clientWidth
-
-                        if (width < el.parentNode.scrollWidth) {
-                            width = el.parentNode.scrollWidth
-                        }
-                        return width * 0.26
-                    },
+                    width: (el: any) => el.parentNode.offsetWidth * 0.26,
                     scrollTrigger: {
                         trigger: '.scroller',
                         start: 'top 80%',
@@ -195,14 +158,7 @@ const HomeIndex: React.FC = () => {
                 })
 
                 gsap.from('.card--two .card__avatar', {
-                    width: (el: any) => {
-                        let width = el.parentNode.clientWidth
-
-                        if (width < el.parentNode.scrollWidth) {
-                            width = el.parentNode.scrollWidth
-                        }
-                        return Math.max(330, width * 0.55) - 32
-                    },
+                    width: (el: any) => Math.max(330, el.parentNode.offsetWidth * 0.55) - 32,
                     borderRadius: '12px',
                     height: 'calc(300cqh - 2rem)',
                     scrollTrigger: {