.content {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1.2s ease-out, transform 0.8s ease-out;
}

.content.visible {
	opacity: 1;
					/* Fully visible */
	transform: translateY(0);
					/* Return to original position */;
}

.fade-in-left {
	transform: translateX(-50px);
					/* Start from the left */;
}

.fade-in-right {
	transform: translateX(50px);
					/* Start from the right */;
}

.fade-in-top content {
	transform: translateY(-25px);
					/* Start from the top */;
}

.fade-in-bottom {
	transform: translateY(50px);
					/* Start from the bottom */;
}

.fade-in {
					/* No movement, just opacity */
	transform: translateY(0);
}