Change image style to float, add tree tunnel gif

static/media/img.json

     "lightning-tree.png": "a tree in front of a lightning and a stormy, cloudy dark blue sky",
     "thunderstorm.gif": "trees shaking rapidly in front of stormy cloudy sky with frequent lightnings and rapid, cyclic cloud movement (gif animation)",
     "marble-question-mark.png": "A huge marble question mark inside a hall with a skylight",
-    "steampunk-machine.png": "A complex and slightly bent steampunk brass machine with pipes and pressure gauges",
     "fire-4623.gif": "fireplace (gif animation)",
     "tnh-quote-nothing-to-chase.jpg": "Thich Nhat Hahn photo and quote: there is nothing to chase after... (portrait proportions)",
-    "krishna_1_by_vishnu.gif":"Hindu god Krishna with his chief consort and shakti Radha. Krishna is the god of protection, compassion, tenderness, and love; Try to think of him as your guardian angel when fear or despair come up."
+    "krishna_1_by_vishnu.gif":"Hindu god Krishna with his chief consort and shakti Radha. Krishna is the god of protection, compassion, tenderness, and love; Try to think of him as your guardian angel when fear or despair come up.",
+    "tree-tunnel.gif":"Infinite zoom into a road where tops of trees on both sides mingle and make the road look like a tunnel"
 }

templates/chat.html

                             // open external links in new tab
                             $('.reveal a:not([href^="#"])').attr('target','_blank');
                             // extract css classes from img alt
-                            $('.reveal img').addClass("w-50 centered");
+                            $('.reveal img').addClass("w-50 float-right");
 			    // make all headers max-size
                             // $('.reveal h1, .reveal h2, .reveal h3').addClass('r-fit-text');
                             var enterSlide = function() {

templates/embeds.html

                             // open external links in new tab
                             $('.reveal a:not([href^="#"])').attr('target','_blank');
                             // extract css classes from img alt
-                            $('.reveal img').addClass("w-50 centered");
+                            $('.reveal img').addClass("w-50 float-right");
 			    // make all headers max-size
                             // $('.reveal h1, .reveal h2, .reveal h3').addClass('r-fit-text');
                             var enterSlide = function() {

templates/example.html

                             // open external links in new tab
                             $('.reveal a:not([href^="#"])').attr('target','_blank');
                             // extract css classes from img alt
-                            $('.reveal img').addClass("w-50 centered");
+                            $('.reveal img').addClass("w-50 float-right");
 			    // make all headers max-size
                             // $('.reveal h1, .reveal h2, .reveal h3').addClass('r-fit-text');
                             var enterSlide = function() {