diff --git a/docs/getting-started/creating-first-pipeline.mdx b/docs/getting-started/creating-first-pipeline.mdx
index 9dcbf8f7..2cbd0e41 100644
--- a/docs/getting-started/creating-first-pipeline.mdx
+++ b/docs/getting-started/creating-first-pipeline.mdx
@@ -255,3 +255,8 @@ Once your job is created, you can manage it from the **Jobs** page using the **A
 
 To know more about job level features, refer to the [Job Level Features](/docs/getting-started/job-level-properties) guide.
 
+
+<br />
+### Video Tutorial
+
+<YouTubeEmbed videoId="W1mWz2Sp2VQ" title="OLake - Creating Your First Pipeline" className="max-w-4xl overflow-hidden rounded-lg shadow-lg" />
\ No newline at end of file
diff --git a/docs/getting-started/job-level-properties.mdx b/docs/getting-started/job-level-properties.mdx
index 20b1f07d..50b99b56 100644
--- a/docs/getting-started/job-level-properties.mdx
+++ b/docs/getting-started/job-level-properties.mdx
@@ -234,20 +234,7 @@ When a job is deleted, its associated source and destination are automatically m
 
 ### Video Tutorial
 
-<div className='my-8 w-[100%]'>
-  <div className='w-full max-w-4xl overflow-hidden rounded-lg shadow-lg'>
-    <iframe
-      width='100%'
-      height='400'
-      src='https://www.youtube.com/embed/W1mWz2Sp2VQ'
-      title='OLake - Creating Your First Pipeline'
-      frameBorder='0'
-      allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'
-      allowFullScreen
-      className='w-full rounded-lg'
-    />
-  </div>
-</div>
+<YouTubeEmbed videoId="W1mWz2Sp2VQ" title="OLake - Creating Your First Pipeline" className="max-w-4xl overflow-hidden rounded-lg shadow-lg" />