From c9319b42f524ec9c2fad012f22e87411fbbc9aa8 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Tue, 7 Sep 2021 20:55:18 -0700
Subject: [PATCH] Tie the absolute to the outer container.

Remove use of aspect-ratio since it does not work in Safari.
---
 src/scss/card.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/scss/card.scss b/src/scss/card.scss
index 49a06b35..71a4d6d4 100644
--- a/src/scss/card.scss
+++ b/src/scss/card.scss
@@ -5,16 +5,18 @@
 .container_16_9 {
   /* 16:9 Aspect Ratio. When Safari supports 'aspect-ratio' this should not be
      necessary */
+  position: relative;
   padding-top: 56.25%;  // 9 / 16 == 0.5625
 }
 
 .frigate-card-contents {
   position: absolute;
   top: 0px;
+  right: 0px;
+  bottom: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
-  aspect-ratio: 16 / 9;
   overflow: auto;
   -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */
   scrollbar-width: none;    /* Hide scrollbar: Firefox */