🎨 update style

index.html

@@ -68,7 +68,7 @@
 	<section id="open">
 		<div id="open-handle"></div>
 		<div class="text">
-			<img src="/assets/img/unlock.png" alt="Open Sesame" id="unlock">
+<!--			<img src="/assets/img/unlock.png" alt="Open Sesame" id="unlock">-->
 			<img src="/assets/img/unlock_white.png" alt="Open Sesame" id="unlock_white">
 		</div>
 	</section>

js/animations_custom.js

@@ -38,7 +38,7 @@ function animateCard (id, side) {
 		// side: 1,
 		scrollTrigger: {
 			trigger: '#content-' + id + ' .flip-handle',
-			start: 'top 80%',
+			start: 'bottom 80%',
 			scrub: 1,
 			markers: development_debug,
 		}
@@ -85,15 +85,15 @@ if (enable_animations) {
 
 	gsap.fromTo('#unlock, #unlock_white', {
 			opacity: 0.1,
-			// scale: 1,
 		},
 		{
 			opacity: 1,
-			// scale: 1.25,
+			scale: 1.25,
+			top: '-=150',
 			scrollTrigger: {
 				trigger: '#unlock_white',
 				delay: 1,
-				scrub: 2,
+				scrub: 1,
 				start: '+50% 80%'
 			}
 		})
@@ -127,6 +127,14 @@ if (enable_animations) {
 			}
 		})
 
+	gsap.to('#welcome h2', {
+		top: -100,
+		scrollTrigger: {
+			trigger: '#welcome',
+			scrub: 1,
+			markers: development_debug,
+		}
+	})
 	gsap.to('#phone-watches-1',
 		{
 			left: 500,
@@ -229,7 +237,6 @@ if (enable_animations) {
 		{
 			scale: 1.1,
 			left: 0,
-			ease: 'linear',
 			scrollTrigger: {
 				trigger: '#content_all .columns',
 				scrub: 1,
@@ -239,10 +246,10 @@ if (enable_animations) {
 
 	gsap.fromTo('#unlock',
 		{
-			marginTop: "0",
+			marginTop: '0',
 		},
 		{
-			marginTop: "-4px",
+			top: -4,
 			ease: 'spline',
 			scrollTrigger: {
 				trigger: '#open-handle',
@@ -253,13 +260,15 @@ if (enable_animations) {
 	gsap.fromTo('#unlock_white',
 		{
 			opacity: 0.5,
+			scale: 0.5,
+			top: 200,
 		},
 		{
 			opacity: 1,
-			ease: 'spline',
+			scale: 1,
+			top: -200,
 			scrollTrigger: {
 				trigger: '#open-handle',
-
 				markers: development_debug,
 			}
 		})

repl/src/assets/styles/responsive_small.scss

@@ -192,7 +192,7 @@ responsive land custom
 		}
 
 		.computer-block {
-			margin-top: -11rem;
+			margin-top: -85px;
 			width: 97vw;
 		}