Fullscreen improvements (esp. portrait media)

src/scss/card.scss

@@ -2,19 +2,18 @@
   position: relative;
   overflow: auto;
   height: 100%;
+  width: 100%;
+  margin: auto;
+  display: flex;
+  justify-content: center;
 }
 
 .frigate-card-contents {
   width: 100%;
-  height: 100%;
+  margin: auto;
   overflow: auto;
   -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */
   scrollbar-width: none;    /* Hide scrollbar: Firefox */
-
-  // Vertically align items in case the container is larger than the media (e.g.
-  // fullscreen mode, or forced aspect ratios).
-  display: flex;
-  align-items: center;
 }
 
 /* Hide scrollbar for Chrome, Safari and Opera */
@@ -61,6 +60,7 @@ ha-card a {
 
 frigate-card-gallery, frigate-card-viewer, frigate-card-live {
   width: 100%;
+  display: block;
 }
 frigate-card-gallery {
   height: 100%;