Rive-Animated CMS Images

Each CMS page loads a Rive animation file that has an image meshed and animated in three different motions. Using Rive's out-of-band asset loading feature, the image associated with the blog post in the CMS gets inserted into the animation. A selection field for "Animation Effect" in the CMS controls which of the three animations is played for that post's instance of the animation.

Because the animation file doesn't have an image embedded in it, the .riv file is only about 3kb.