diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index bba5823..9b0c97c 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1849,6 +1849,14 @@ select {
   display: none;
 }
 
+.aspect-auto {
+  aspect-ratio: auto;
+}
+
+.aspect-video {
+  aspect-ratio: 16 / 9;
+}
+
 .h-screen {
   height: 100vh;
 }
diff --git a/layouts/shortcodes/pt.html b/layouts/shortcodes/pt.html
index 96d071c..086d843 100644
--- a/layouts/shortcodes/pt.html
+++ b/layouts/shortcodes/pt.html
@@ -4,5 +4,5 @@
 {{- $height := .Get "height" | default "315" -}}
 
 <div style="display: flex;">
-  <iframe class="pt-vid" style="flex: auto;" width="{{ $width }}" height="{{ $height }}" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ $vid }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
+  <iframe class="pt-vid flex-auto aspect-video w-full" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ $vid }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
 </div>