diff --git a/css/sprint_4.css b/css/sprint_4.css
index 428fd40..7b5ad92 100644
--- a/css/sprint_4.css
+++ b/css/sprint_4.css
@@ -14475,6 +14475,9 @@ responsive land
 	}
 }
 
-h2, section div{
-	border: solid 2px red;
-}
+/**
+debug
+ */
+/*h2, section div{*/
+/*	border: solid 2px red;*/
+/*}*/
diff --git a/js/animations_custom.js b/js/animations_custom.js
index 913e80f..011535c 100644
--- a/js/animations_custom.js
+++ b/js/animations_custom.js
@@ -190,7 +190,7 @@ if (enable_animations) {
 		},
 		{
 			opacity: 1,
-			scale: 0.6,
+			scale: 0.9,
 			ease: 'easeInOut',
 			scrollTrigger: {
 				trigger: '#content',
@@ -211,7 +211,7 @@ if (enable_animations) {
 			top: -50,
 			opacity: 1,
 			duration: 2,
-			scale: 0.9,
+			scale: 1.5,
 			ease: 'spline',
 			scrollTrigger: {
 				trigger: '#content',
@@ -237,22 +237,29 @@ if (enable_animations) {
 			}
 		})
 
-	gsap.fromTo('#unlock, #unlock_white',
+	gsap.fromTo('#unlock',
+		{
+			marginTop: "0",
+		},
+		{
+			marginTop: "-4px",
+			ease: 'spline',
+			scrollTrigger: {
+				trigger: '#open-handle',
+
+				markers: development_debug,
+			}
+		})
+	gsap.fromTo('#unlock_white',
 		{
 			opacity: 0.5,
-			scale: 1,
-			bottom: '-100vh',
-			height: '10rem',
 		},
 		{
 			opacity: 1,
-			bottom: '50vh',
-			scale: 1.5,
 			ease: 'spline',
-			height: '15rem',
 			scrollTrigger: {
 				trigger: '#open-handle',
-				scrub: 2,
+
 				markers: development_debug,
 			}
 		})