Index: arms/img/landing/arms-combination.jpg
===================================================================
diff -u
Binary files differ
Index: arms/index/assets/css/style.css
===================================================================
diff -u -rd9d0b06a382ed8e6db92c2a7add764e66d906b54 -r035bda29534c847552cff1c8f132bd1cf4b95a27
--- arms/index/assets/css/style.css	(.../style.css)	(revision d9d0b06a382ed8e6db92c2a7add764e66d906b54)
+++ arms/index/assets/css/style.css	(.../style.css)	(revision 035bda29534c847552cff1c8f132bd1cf4b95a27)
@@ -404,6 +404,15 @@
 	animation: fadeIn 3s forwards 3s;
 }
 
+.resume.on .connect {
+	animation: fadeOut 3s forwards 3s;
+}
+
+.resume.on .combination {
+	opacity: 0;
+	animation: fadeIn 3s forwards 3s;
+}
+
 .resume.on .developer {
 	animation: fadeOut 3s forwards 3s;
 }
Index: arms/landing.html
===================================================================
diff -u -rd9d0b06a382ed8e6db92c2a7add764e66d906b54 -r035bda29534c847552cff1c8f132bd1cf4b95a27
--- arms/landing.html	(.../landing.html)	(revision d9d0b06a382ed8e6db92c2a7add764e66d906b54)
+++ arms/landing.html	(.../landing.html)	(revision 035bda29534c847552cff1c8f132bd1cf4b95a27)
@@ -280,8 +280,13 @@
 							data-aos-delay="400">
 							<div class="content-section">
 								<img
+									class="connect"
 									src="./img/landing/arms-connect.jpg"
 									alt="arms-connect" />
+								<img
+									class="combination"
+									src="./img/landing/arms-combination.jpg"
+									alt="arms-combination" />
 							</div>
 						</div>
 						<div
@@ -341,8 +346,8 @@
 							data-aos-delay="400">
 							<div class="content-section">
 								<img
-									src="./img/landing/arms-connect.jpg"
-									alt="arms-connect" />
+									src="./img/landing/arms-combination.jpg"
+									alt="arms-combination" />
 							</div>
 						</div>
 						<div