diff --git a/src/Index.scss b/src/Index.scss
index 98f92a0..60a751a 100644
--- a/src/Index.scss
+++ b/src/Index.scss
@@ -9,6 +9,8 @@
     }
     video {
         width: 100%;
+        height: 100%;
+        object-fit: contain;
         z-index: 1;
     }
     canvas {
@@ -66,6 +68,10 @@
                 align-items: center;
                 gap: 6px;
             }
+            .vc-start,
+            .vc-center {
+                transition: 0.3s opacity;
+            }
             .vc-center {
                 width: calc(100% - 220px);
                 display: flex;
@@ -192,6 +198,7 @@
     gap: 6px;
     padding: 4px;
     backdrop-filter: blur(24px) contrast(0.8) brightness(0.8);
+    -webkit-backdrop-filter: blur(24px) contrast(0.8) brightness(0.8);
     hr {
         margin: 0px;
         width: 100%;