diff --git a/src/styles/Projects.scss b/src/styles/Projects.scss
index 401d61c..82819bf 100644
--- a/src/styles/Projects.scss
+++ b/src/styles/Projects.scss
@@ -15,8 +15,11 @@
 	}
 
 	&.active {
-		.project {
-			animation: fadeIn 300ms ease-in-out forwards;
+		@media (min-width: 768px) {
+			.project {
+				opacity: 0;
+				animation: fadeIn 300ms ease-in-out forwards;
+			}
 		}
 	}
 
@@ -39,7 +42,6 @@
 			cursor: pointer;
 			max-width: 500px;
 			min-width: 300px;
-			opacity: 0;
 
 			&:hover {
 				border-color: var(--color-accent-background);