Add explainer gif

.gitignore

@@ -12,6 +12,7 @@ node_modules
 .dart_tool
 # pubspec.lock
 example.g
+tmp/
 
 # We haven't had any issues due to npm (sub-)package version discrepancies,
 # so we'll ignore the npm lock file for now.

src/docs/development/data-and-backend/state-mgmt/intro.md

@@ -10,11 +10,15 @@ _If you are already familiar with state management in reactive apps, you can
 skip this section, though you might want to review the [list of different 
 approaches](/docs/development/data-and-backend/state-mgmt/options)._
 
+{% asset development/data-and-backend/state-mgmt/state-management-explainer width="100%" alt="A short animated gif that shows the workings of a simple declarative state management system. This is explained in full in one of the following pages. Here it's just a decoration." %}
+
+{% comment %} 
+Source of the above animation tracked internally as b/122314402 
+{% endcomment %}
+
 As you explore Flutter, there comes a time when you need to share application 
 state between screens, across your app. There are many approaches you can take, 
 and many questions to think about.
 
-{% comment %} <!-- decorative gif animation to be added --> {% endcomment %}
-
 In the following pages, you will learn the basics of dealing with state in 
 Flutter apps.