[data-parallax] {
	@media (width >= 768px) {
		transform: translateY(var(--parallax-shift));
		animation: parallax-to-shift 1s var(--ease-out);

		&:not([data-parallax-no-scale]) {
			scale: var(--parallax-scale, 100%);
			transition: scale 1s var(--ease-in-out);
		}
	}
}

@keyframes parallax-to-shift {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(var(--parallax-shift));
	}
}