Add generating GIF from returned frames

app.py

@@ -1,5 +1,7 @@
 import ffmpeg
+import os
 import torch
+import uuid
 import youtube_dl
 
 import numpy as np
@@ -53,10 +55,18 @@ def find_frames(url, txt_model, vis_model, desc, seconds, top_k):
     txt_embd, img_embds = get_embedding(txt_model, vis_model, desc, video)
     cos_scores = np.array(util.cos_sim(txt_embd, img_embds))
     ids = np.argsort(cos_scores)[0][-top_k:]
-    imgs = [Image.fromarray(video[i]) for i in ids]
+    imgs = [Image.fromarray(video[i]) for i in sorted(ids)]
+
+    # from: https://stackoverflow.com/a/57751793/5768407
+    fname = uuid.uuid4().hex
+    imgs[0].save(fp=f"./{fname}.gif", format='GIF', append_images=imgs[1:],
+            save_all=True, duration=200, loop=0)
 
     gif_runner.empty()
     text.empty()
+    st.image(f"./{fname}.gif")
+    # remove the gif from file so we don't build up a bunch of files
+    os.remove(f"./{fname}.gif")
     st.image(imgs)
 
 with open("HOME.md", "r") as f:
@@ -89,8 +99,8 @@ def clifs_page(txt_model, vis_model):
     top_k = st.sidebar.slider(
         "Top K",
         min_value=1,
-        max_value=5,
-        value=3,
+        max_value=20,
+        value=10,
         step=1,
     )
     desc = st.sidebar.text_input(