Merge pull request #17 from duaneadam/fix/iframe-aspect-ratios-on-videos-page

fix: iframe aspect ratio on videos page

src/content/docs/videos.mdx

@@ -1,20 +1,18 @@
 ---
 title: "Videos"
 head:
-  - tag: "meta"
-    attrs:
-        property: "og:title"
-        content: "A few videos of Coolify in action."
-description: "A few videos of Coolify in action."
-sidebar:
-  order: 3
+  - tag: style
+    content: |
+      .sl-markdown-content iframe[src^="https://www.youtube.com/embed/"] {
+         aspect-ratio: 16 / 9;
+      }
 ---
 
-- Syntax: 1.5 hours long complete walkthrough
+#### Syntax: 1.5 hours long complete walkthrough
 
 <iframe
   width="560"
-  height="600"
+  height="315"
   src="https://www.youtube.com/embed/taJlPG82Ucw"
   title="YouTube video player"
   frameborder="0"
@@ -22,7 +20,7 @@ sidebar:
   allowfullscreen
 ></iframe>
 
-- WebdevCody: 6 minutes quick overview
+#### WebdevCody: 6 minutes quick overview
 
 <iframe
   width="560"
@@ -34,7 +32,7 @@ sidebar:
   allowfullscreen
 ></iframe>
 
-- DevelopedByEd: 20 minutes overview
+#### DevelopedByEd: 20 minutes overview
 
 <iframe
   width="560"
@@ -46,7 +44,7 @@ sidebar:
   allowfullscreen
 ></iframe>
 
-- Fireship video
+#### Fireship video
 
 <iframe
   width="560"
@@ -58,7 +56,7 @@ sidebar:
   allowfullscreen
 ></iframe>
 
-- MelkeyDev video
+#### MelkeyDev video
 
 <iframe
   width="560"