docs style updates

Author: code-forge-temple

docs/src/components/YouTubePreview/style.css

@@ -1,7 +1,8 @@
 .youtube-preview-container-fixed {
     position: relative;
-    width: 720px;
-    height: 405px;
+    width: 100%;
+    max-width: 720px;
+    aspect-ratio: 16 / 9;
     margin: 50px auto 0;
     display: flex;
     justify-content: center;
@@ -54,19 +55,7 @@
 
 @media screen and (max-width: 768px) {
     .youtube-preview-container-fixed {
-        width: 100%;
-        height: 0;
-        padding-bottom: 56.25%;
-        margin: 1rem 0;
-        position: relative;
-    }
-
-    .youtube-preview-iframe,
-    .youtube-preview-img-wrapper,
-    .youtube-preview-img {
-        width: 100%;
-        height: auto;
-        aspect-ratio: 16/9;
+        margin: 1rem auto;
     }
 
     .youtube-preview-play svg {