Respect Motion Preferences for Elementor Animated Headline

custom.css

/* Use the selector below to hide the animated headline highlight */

@media (prefers-reduced-motion: reduce) {
	.elementor-headline--style-highlight svg {
		display: none !important;
	}
}

/* Use the selectors below to hide the rotating headline and use a different headline */

@media (prefers-reduced-motion: no-preference) {	
	.elementor-headline--style-rotate {
		display: block !important;
	}
	
	.my-normal-headline {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {	
	.elementor-headline--style-rotate {
		display: none !important;
	}
	
	.my-normal-headline {
		display: block;
	}
}