Hide cards until animation starts

Author: tekktrik

flask_app/static/css/animations.css

@@ -38,6 +38,7 @@
 
 @keyframes RecentLoadIn {
     0% {
+        display: flex;
         transform: rotate(-15deg) scale(0.5);
     }
 

flask_app/templates/recent.html

@@ -26,7 +26,7 @@
         <div class="row m-2">
         {% endif %}
             <div class="col-md-6">
-                <div class="card recent-load-in" style="--delay: {{ loop.index0 * 0.2 + 0.2}}s">
+                <div class="card recent-load-in" style="--delay: {{ loop.index0 * 0.2 + 0.2}}s; display: none;">
                     <a href="{{ repo.url }}"><img src="/static/img/gh_cards/{{ current_datetime }}/card{{ loop.index0 }}.png" class="card-img-top"/></a>
                     <div class="card-body" style="background-color: white;">
                         {% if repo.languages.nodes|length == 0 %}