Move video embed classes

src/assets/css/tailwind.css

@@ -12,16 +12,4 @@
     @apply transition-colors ease-in-out duration-300;
     @apply hover:bg-blue-550
   }
-
-  .embed-responsive {
-    @apply block relative h-0 overflow-hidden aspect-ratio-16/9
-  }
-
-  .embed-responsive .embed-responsive-item,
-  .embed-responsive iframe,
-  .embed-responsive embed,
-  .embed-responsive object,
-  .embed-responsive video {
-    @apply absolute w-full h-full inset-0 border-0
-  }
 }

src/components/recent-talks/recent-talk.vue

@@ -4,10 +4,11 @@
       {{ talk.title }}
     </div>
 
-    <div class="embed-responsive">
-      <div class="embed-responsive-item">
-        <iframe :src="`https://www.youtube.com/embed/${talk.videoId}`"/>
-      </div>
+    <div class="block relative h-0 overflow-hidden aspect-ratio-16/9">
+      <iframe
+        class="absolute w-full h-full inset-0 border-0"
+        :src="`https://www.youtube.com/embed/${talk.videoId}`"
+      />
     </div>
   </div>
 </template>