The change adds the `*::before` and *::after` in the reduce motion media query. Effectively these additions should prevent any animations which were happening in these pseudo-elements when the user has opted to reduce the motion.
Why?
I've come across an edge case where I'm animating an `::after` (not sure if that's the ideal way to do it), but animations should be disabled for these pseudo-elements as well.
The 'scroll-behavior' property of the HTML `body` element is not
propagated to the viewport. When applied to the root element, it applies
to the viewport.
@link https://drafts.csswg.org/cssom-view/#smooth-scrolling
