Replace screenshots showing animations against root Player node

Author: docrinehart

getting_started/first_3d_game/09.adding_animations.rst

@@ -102,15 +102,15 @@ position key to ``0.3`` seconds and the rotation key to ``0.1`` seconds.
 Move the time cursor to ``0.5`` seconds by clicking and dragging on the gray
 timeline.
 
-.. image:: img/09.adding_animations/timeline_05_click.webp
+|timeline_05_click|
 
 In the *Inspector*, set the *Position*'s *Y* axis to ``0.65`` meters and the *Rotation*' *X* axis to ``8``.
 
 |image13|
 
 Create a keyframe for both properties
 
-.. image:: img/09.adding_animations/second_keys_both.webp
+|second_keys_both|
 
 Now, move the position keyframe to ``0.7``
 seconds by dragging it on the timeline.
@@ -129,7 +129,7 @@ Move the time cursor to the end of the animation, at ``1.2`` seconds. Set the Y
 position to about ``0.35`` and the X rotation to ``-9`` degrees. Once again,
 create a key for both properties.
 
-.. image:: img/09.adding_animations/animation_final_keyframes.webp
+|animation_final_keyframes|
 
 You can preview the result by clicking the play button or pressing :kbd:`Shift + D`.
 Click the stop button or press :kbd:`S` to stop playback.
@@ -616,15 +616,18 @@ And the *Mob*'s script.
 .. |image8| image:: img/09.adding_animations/07.editable_timeline.webp
 .. |image9| image:: img/09.adding_animations/08.zoom_slider.webp
 .. |image10| image:: img/09.adding_animations/09.creating_first_keyframe.webp
-.. |image11| image:: img/09.adding_animations/10.initial_keys.webp
-.. |image12| image:: img/09.adding_animations/11.moving_keys.webp
+.. |image11| image:: img/09.adding_animations/10.initial_keys.png
+.. |image12| image:: img/09.adding_animations/11.moving_keys.png
 .. |image13| image:: img/09.adding_animations/12.second_keys_values.webp
-.. |image14| image:: img/09.adding_animations/13.second_keys.webp
+.. |image14| image:: img/09.adding_animations/13.second_keys.png
 .. |image15| image:: img/09.adding_animations/14.play_button.png
-.. |image16| image:: img/09.adding_animations/15.box_select.webp
+.. |image16| image:: img/09.adding_animations/15.box_select.png
 .. |image17| image:: img/09.adding_animations/16.easing_property.png
 .. |image18| image:: img/09.adding_animations/17.ease_out.png
 .. |image19| image:: img/09.adding_animations/18.ease_out_second_rotation_key.png
 .. |image20| image:: img/09.adding_animations/19.ease_in_second_translation_key.png
 .. |image21| image:: img/09.adding_animations/20.float_animation.gif
 .. |image22| image:: img/09.adding_animations/21.script_icon.png
+.. |animation_final_keyframes| image:: img/09.adding_animations/animation_final_keyframes.png
+.. |second_keys_both| image:: img/09.adding_animations/second_keys_both.png
+.. |timeline_05_click| image:: img/09.adding_animations/timeline_05_click.png