.dbc-animate {
	opacity: 0;
	transition:
		opacity 0.8s ease,
		transform 0.8s ease;
	will-change: opacity, transform;
	transition-delay: 0.2s;
}

.dbc-animate.is-visible {
	position: relative;
	inset: 0;
	opacity: 1;
	transform: none;
}

.dbc-fade-up {
	transform: translateY(50px);
}

.dbc-fade-left {
	transform: translateX(-50px);
}

.dbc-fade-right {
	transform: translateX(50px);
}

.dbc-zoom-in {
	transform: scale(0.7);
}

.dbc-rotate {
	transform: rotate(15deg) scale(0.9);
}

.dbc-from-center {
	transform: translate(-50%, -50%) scale(0.6);
}