[mirotalksfu] - set vertical/horizontal pin video grid

public/css/VideoGrid.css

@@ -7,8 +7,8 @@
     position: absolute;
     display: flex;
     top: 0;
-    height: 100%;
     width: 100%;
+    height: 100%;
     border-radius: 5px;
     align-content: center;
     flex-wrap: wrap;
@@ -16,6 +16,7 @@
     justify-content: center;
     vertical-align: middle;
     overflow: hidden;
+    /* border: 3px solid blue; */
 }
 
 #videoPinMediaContainer {
@@ -24,8 +25,8 @@
     display: none;
     top: 0;
     left: 0;
-    height: 100%;
     width: 75%;
+    height: 100%;
     border-radius: 5px;
     box-shadow: var(--box-shadow);
     overflow: hidden;
@@ -107,8 +108,8 @@
 #videoMediaContainer img {
     position: absolute;
     display: none;
-    width: 15vw;
-    height: 15vw;
+    width: var(--vmi-wh);
+    height: var(--vmi-wh);
 }
 
 .videoMenuBar {