fixed youtube video overflow on mobile

We put a set size on desktop but we'll have it compress on mobile

Author: Bullrich

src/_includes/blog.html

@@ -19,8 +19,9 @@ <h3 class="text-4xl lg:text-6xl font-bold blog-title">{{ title }}</h3>
 
     <div class="blog-content">
         {% if video %}
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video }}" title="YouTube video player"
-            frameborder="0" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
+        <iframe class="lg:h-[315px] lg:w-[560px]" src="https://www.youtube.com/embed/{{ video }}"
+            title="YouTube video player" frameborder="0"
+            allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
             referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         {% endif %}