From a65ffef9cfe594aabcaa915437cfc6f18e00450a Mon Sep 17 00:00:00 2001
From: Maxim Lebedev <git@toby3d.me>
Date: Mon, 23 Aug 2021 00:05:48 +0500
Subject: [PATCH] :lipsstick: Added supports rule for frame

---
 assets/css/frame.css | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/assets/css/frame.css b/assets/css/frame.css
index 32453b2..2a463bf 100644
--- a/assets/css/frame.css
+++ b/assets/css/frame.css
@@ -3,13 +3,6 @@
   position: relative;
 }
 
-@supports(aspect-ratio: var(--frame-denominator) / var(--frame-numerator)) {
-  .frame {
-    aspect-ratio: var(--frame-denominator) / var(--frame-numerator);
-    padding-bottom: var(--off);
-  }
-}
-
 .frame > * {
   align-items: center;
   bottom: 0;
@@ -23,9 +16,15 @@
 }
 
 .frame > img,
-.frame > video,
-.frame > iframe {
+.frame > video {
   height: 100%;
   object-fit: cover;
   width: 100%;
 }
+
+@supports(aspect-ratio: var(--frame-denominator) / var(--frame-numerator)) {
+  .frame {
+    aspect-ratio: var(--frame-denominator) / var(--frame-numerator);
+    padding-bottom: var(--off);
+  }
+}
\ No newline at end of file