Fix talk slides

assets/less/components/talk.less

@@ -1,22 +1,32 @@
-.video { padding-top: 56.25% }
+.talk-video { padding-top: 56.25% }
 
-.video iframe,
-.video embed {
+.talk-video iframe,
+.talk-video embed {
     @apply .absolute;
     @apply .pin-l;
     @apply .pin-t;
     @apply .w-full;
 }
 
-// .slides {
-//     background-image: url('../images/loading.gif');
-//     min-height: 275px;
+.talk-slides {
+    background: url('../images/loading.gif') center no-repeat;
+    min-height: 275px;
+}
 
-//     @media @breakpoint-medium {
-//         min-height: 460px;
-//     }
+@screen md {
+    .talk-slides {
+        min-height: 375px;
+    }
+}
 
-//     @media @breakpoint-large {
-//         min-height: 540px;
-//     }
-// }
+@screen lg {
+    .talk-slides {
+        min-height: 450px;
+    }
+}
+
+@screen xl {
+    .talk-slides {
+        min-height: 560px;
+    }
+}

source/_includes/talk/slides.html.twig

@@ -1,8 +1,8 @@
 {% if page.slides.embed %}
-    <div class="mt-8">
+    <div class="mt-4">
         <h2>Slides</h2>
 
-        <div>
+        <div class="talk-slides">
             {{ page.slides.embed|raw }}
         </div>
     </div>