versatile-data-kit: add poster image to all the videos (#2623)

I am adding a "poster image" or placeholder image to all the videos
(which really is the first frame of the video so simply edit each video
through canva to add first 0.1 seconds with still image.

I also edited a bit the getting started and ingestion videos while I was
doing that.

For easier review, you can inspect the new readme at
https://github.com/vmware/versatile-data-kit/tree/person/aivanov/readme

This is how it renders for me: 

I tried 2 options since i didn't like the first 

Option 1:
https://github.com/vmware/versatile-data-kit/assets/2536458/0d683633-a254-47c6-8792-1312c9f4fa36
Option 2:
https://github.com/vmware/versatile-data-kit/assets/2536458/6da9e963-17da-4a58-abcc-dc13738800d9

Author: antoniivanov

README.md

@@ -74,14 +74,18 @@ vdk --help</code></pre>
         <span>&#10145; Develop your <a href="https://github.com/vmware/versatile-data-kit/wiki/First-Data-Job">First Data Job</a> if you are impatient to start quickly.</span><br>
     </td>
     <td width="50%" >
-        <video controls loop autoplay muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/11227374/3de70f5e-55ab-4558-8304-e3f5a744af2b" aria-label="30 seconds video tutorial of getting started and quickstart-vdk installation"></video>
+        <video controls loop autoplay muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/2536458/1e768ddb-c622-45e2-bfd9-20dd2ae9c1dd" aria-label="30 seconds video tutorial of getting started and quickstart-vdk installation"></video>
         <!-- link to the video above https://www.canva.com/design/DAFqSRgP3xs/Tp5rVRywkwUQdUEsmWCcfw/edit?utm_content=DAFqSRgP3xs -->
     </td>
   </tr>
 </table>
 
 
 
+
+
+
+
 <br/><br/>
 <p id="ingestion" align="center">
     <a href="#intro"><img src="https://img.shields.io/badge/VDK%20SDK-lightblue?style=plastic" alt="Intro to VDK SDK"></a>
@@ -110,7 +114,7 @@ vdk --help</code></pre>
         <span>&#10145;  <a href="https://github.com/vmware/versatile-data-kit/blob/main/examples/incremental-ingest-from-db-example/README.md">Incremental ingestion using Job Properties</a></span><br>
     </td>
     <td width="50%" >
-        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/11227374/66aaea3f-3a91-414a-bec5-c3e2b7f871fc" aria-label="30 seconds video tutorial for Data Ingestion"></video>
+        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/2536458/a46a5ecb-63f7-4b4f-9e2d-099e80522dac" aria-label="30 seconds video tutorial for Data Ingestion"></video>
         <!-- link to the video above https://www.canva.com/design/DAFq7Tc2vNk/3Qfi7ge5nOkEAbAEohEzgw/edit?utm_content=DAFq7Tc2vNk -->
     </td>
   </tr>
@@ -119,6 +123,10 @@ vdk --help</code></pre>
 
 
 
+
+
+
+
 <br/><br/>
 <p id="transformation" align="center">
     <a href="#intro"><img src="https://img.shields.io/badge/VDK%20SDK-lightblue?style=plastic" alt="Intro to VDK SDK"></a>
@@ -147,7 +155,7 @@ vdk --help</code></pre>
         <span>&#10145;  <a href="https://github.com/vmware/versatile-data-kit/wiki/SQL-Data-Processing-templates-examples">Processing data using Kimball warehousing templates</a></span><br>
     </td>
     <td width="50%" >
-        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/11227374/82ba18b7-bcdf-4c0a-9816-b61deae307ab" aria-label="30 seconds video tutorial for Data Transformation"></video>
+        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/2536458/56be0a37-257e-4f9d-a558-afd012715dcb" aria-label="30 seconds video tutorial for Data Transformation"></video>
         <!-- link to the video above https://www.canva.com/design/DAFqxoSAXdM/oOG1pB0ekgrCCnKUyaB60Q/edit?utm_content=DAFqxoSAXdM -->
     </td>
   </tr>
@@ -156,6 +164,10 @@ vdk --help</code></pre>
 
 
 
+
+
+
+
 <br/><br/>
 <p id="deployment" align="center">
     <a href="#intro"><img src="https://img.shields.io/badge/VDK%20SDK-lightblue?style=plastic" alt="Intro to VDK SDK"></a>
@@ -186,7 +198,7 @@ vdk --help</code></pre>
         <span>&#10145;  <a href="https://github.com/vmware/versatile-data-kit/wiki/Using-VDK-DAGs-to-orchestrate-data-jobs">Using VDK DAGs to orchestrate Data Jobs</a></span><br>
     </td>
     <td width="50%" >
-        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/11227374/48164d16-d8ae-40a5-aebc-58340e6b3f35" aria-label="30 seconds video tutorial for VDK Control Service"></video>
+        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/2536458/5bf96910-ff27-4ecf-a631-c0e64e1db249" aria-label="30 seconds video tutorial for VDK Control Service"></video>
         <!-- link to the video above https://www.canva.com/design/DAFsIj6BtVY/QMLKEYNGCJZRHSIJmYW99A/edit?utm_content=DAFsIj6BtVY -->
     </td>
   </tr>
@@ -196,6 +208,12 @@ vdk --help</code></pre>
 
 
 
+
+
+
+
+
+
 <br/><br/>
 <p id="operations" align="center">
     <a href="#intro"><img src="https://img.shields.io/badge/VDK%20SDK-lightblue?style=plastic" alt="Intro to VDK SDK"></a>
@@ -223,7 +241,7 @@ vdk --help</code></pre>
         <span>&#10145;  <a href="https://www.youtube.com/watch?v=9BkAOSvXuUg">VDK Operations User Interface - Versatile Data Kit</a></span><br>
     </td>
     <td width="50%" >
-        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/11227374/9104b51b-8a86-4edf-ab9c-03fa19ba2e22" aria-label="30 seconds video tutorial for VDK Operations UI"></video>
+        <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/2536458/4e4b5677-267d-4b9b-9b61-65ae7623f161" aria-label="30 seconds video tutorial for VDK Operations UI"></video>
         <!-- link to the video above https://www.canva.com/design/DAFsPZyGThU/nx5DNB7Ybzjx6OEkyjRVBQ/edit?utm_content=DAFsPZyGThU -->
     </td>
   </tr>
@@ -232,6 +250,8 @@ vdk --help</code></pre>
 
 
 
+
+
 <br/><br/>
 <p id="plugins" align="center">
     <a href="#intro"><img src="https://img.shields.io/badge/VDK%20SDK-lightblue?style=plastic" alt="Intro to VDK SDK"></a>
@@ -261,7 +281,7 @@ vdk --help</code></pre>
         <span>&#10145;  <a href="https://github.com/vmware/versatile-data-kit/tree/main/projects/vdk-plugins#write-your-own-plugin">Write your own plugin</a></span><br>
     </td>
     <td width="50%" >
-      <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/11227374/f4b94b31-2321-4972-bb54-1df2bcd20e32" aria-label="30 seconds video tutorial for VDK Plugins"></video>
+      <video controls loop muted preload="metadata" src="https://github.com/vmware/versatile-data-kit/assets/2536458/2fea5d6e-3fe4-475f-91ec-89838f18ebf3" aria-label="30 seconds video tutorial for VDK Plugins"></video>
         <!-- link to the video above https://www.canva.com/design/DAFsQ3IeJy4/1b2x-HgStJAbztUwGANX5w/edit?utm_content=DAFsQ3IeJy4 -->
     </td>
   </tr>
@@ -270,6 +290,13 @@ vdk --help</code></pre>
 
 
 
+
+
+
+
+
+
+
 <br/><br/>
 <p align="center">
     <a href="#intro"><img src="https://img.shields.io/badge/VDK%20SDK-lightblue?style=plastic" alt="Intro to VDK SDK"></a>