diff --git a/src/components/youtubeEmbed.astro b/src/components/youtubeEmbed.astro
new file mode 100644
index 0000000..16882c6
--- /dev/null
+++ b/src/components/youtubeEmbed.astro
@@ -0,0 +1,59 @@
+---
+import { YouTube } from '@astro-community/astro-embed-youtube'
+import type { ImageMetadata } from 'astro'
+
+export interface Props {
+ id: string
+ thumbnail: string
+}
+
+const { id, thumbnail } = Astro.props
+---
+
+
+
+
diff --git a/src/layouts/blogPost.astro b/src/layouts/blogPost.astro
index 168ca27..503d0d0 100644
--- a/src/layouts/blogPost.astro
+++ b/src/layouts/blogPost.astro
@@ -120,18 +120,6 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString(
color: orange;
}
- article :global(.youtube-center) {
- width: 100%;
- display: flex;
- justify-content: center;
- }
-
- article :global(.youtube-center) :global(lite-youtube) {
- width: 100%;
- max-height: 360px;
- max-width: 640px;
- }
-
@media (min-width: 1000px) {
article {
margin-left: 10rem;
diff --git a/src/pages/blog/instant-death.mdx b/src/pages/blog/instant-death.mdx
index 42adf82..454d0c6 100644
--- a/src/pages/blog/instant-death.mdx
+++ b/src/pages/blog/instant-death.mdx
@@ -6,8 +6,8 @@ description: 'Blog post talking about instant death in FGO, how you can take adv
author: 'Firq'
tags: ['fgo', 'games']
---
-import { YouTube } from '@astro-community/astro-embed-youtube';
import thumbnail from "../../assets/thumbnails/UwbNp_dB_VU.jpg"
+import YoutubeEmbed from "../../components/youtubeEmbed.astro"
> **Disclaimer**
> While writing this, Requiem and I faced a bit of a challenge concerning death rate calculations. Case in point is the passive "Item Construction"
@@ -105,9 +105,7 @@ For other skill levels, this looks like this (_Her S1 scales from 50% to 100%_)
In the end, this resulted in the following comp that worked like a charm.
-
-
-
+
## Conclusion