.gradient-text {
	background: linear-gradient(90deg, #ff6a00, #ee0979, #00c3ff);
	background-size: 200% auto;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	animation: gradientFlow 6s linear infinite;
	font-weight: bold;
	transition: opacity 1s ease-in-out;
}

.fade-out {
	opacity: 0;
}

@keyframes gradientFlow {
	0% { background-position: 0% center; }
	100% { background-position: 200% center; }
}


#rotating-image {
	width: 100%;
	aspect-ratio: 636 / 753; /* Matches original dimensions */
	object-fit: cover;
	border-radius: 300px / 200px; /* Creates an oval shape */
	transition: opacity 1s ease-in-out;
}