Add animations to the two main widgets

I wonder if we can do this for the legend as well?

sharedAir.html

@@ -30,7 +30,7 @@
         <span id="username"></span>&nbsp;&nbsp;-&nbsp;
         <span id="sign-out" class="action">Sign Out</span>
       </div>
-      <div id="parameter-picker" class="esri-widget">
+      <div id="parameter-picker" class="esri-widget js-animation animate-in-down">
         <label for="parameter-1-select" class="avenir-demi">NWS Parameter:</label>
         <select id="parameter-1-select" class="select-full wrap-options"></select>
         <br>
@@ -43,8 +43,8 @@
           <span class="toggle-switch-label font-size--1">Normalize occurrences by area?</span>
         </label>
       </div>
-      <div id="akViewDiv" class="esri-widget"></div>
-      <div id="hiViewDiv" class="esri-widget"></div>
+      <div id="akViewDiv" class="esri-widget js-animation animate-in-up"></div>
+      <div id="hiViewDiv" class="esri-widget js-animation animate-in-up"></div>
       <!-- <div id="infoDiv" class="esri-widget">
         <div id="infoDescription">
           Show where the % that believe the global warming is between: