added diagram to quickstarts.

Author: AbdullahBell

articles/ddos-protection/manage-ddos-ip-protection-cli.md

@@ -10,10 +10,12 @@ ms.workload: infrastructure-services
 ms.custom: template-quickstart, devx-track-azurecli
 ---
 
-# Quickstart: Create and configure Azure DDoS IP Protection using Azure CLI
+# QuickStart: Create and configure Azure DDoS IP Protection using Azure CLI
 
 Get started with Azure DDoS IP Protection by using Azure CLI.
-In this quickstart, you'll enable DDoS IP protection and link it to a public IP address.
+In this QuickStart, you'll enable DDoS IP protection and link it to a public IP address.
+
+:::image type="content" source="./media/manage-ddos-ip-protection-portal/ddos-ip-protection-diagram.png" alt-text="Diagram of DDoS IP Protection protecting the Public IP address.":::
 
 ## Prerequisites
 

articles/ddos-protection/manage-ddos-protection-cli.md

@@ -10,13 +10,15 @@ ms.workload: infrastructure-services
 ms.date: 05/23/2023
 ms.author: abell
 ---
-# Quickstart: Create and configure Azure DDoS Network Protection using Azure CLI
+# QuickStart: Create and configure Azure DDoS Network Protection using Azure CLI
 
 Get started with Azure DDoS Network Protection by using Azure CLI.
 
 A DDoS protection plan defines a set of virtual networks that have DDoS Network Protection enabled, across subscriptions. You can configure one DDoS protection plan for your organization and link virtual networks from multiple subscriptions to the same plan.
 
-In this quickstart, you'll create a DDoS protection plan and link it to a virtual network.
+In this QuickStart, you'll create a DDoS protection plan and link it to a virtual network.
+
+:::image type="content" source="./media/manage-ddos-protection/ddos-network-protection-diagram-simple.png" alt-text="Diagram of DDoS Network Protection.":::
 
 ## Prerequisites
 

articles/ddos-protection/manage-ddos-protection-powershell-ip.md

@@ -10,10 +10,12 @@ ms.workload: infrastructure-services
 ms.custom: template-quickstart, ignite-2022, devx-track-azurepowershell
 ---
 
-# Quickstart: Create and configure Azure DDoS IP Protection using Azure PowerShell
+# QuickStart: Create and configure Azure DDoS IP Protection using Azure PowerShell
 
 Get started with Azure DDoS IP Protection by using Azure PowerShell.
-In this quickstart, you'll enable DDoS IP protection and link it to a public IP address utilizing PowerShell.
+In this QuickStart, you'll enable DDoS IP protection and link it to a public IP address utilizing PowerShell.
+
+:::image type="content" source="./media/manage-ddos-ip-protection-portal/ddos-ip-protection-diagram.png" alt-text="Diagram of DDoS IP Protection protecting the Public IP address.":::
 
 ## Prerequisites
 

articles/ddos-protection/manage-ddos-protection-powershell.md

@@ -10,13 +10,15 @@ ms.date: 05/23/2023
 ms.author: abell 
 ms.custom: devx-track-azurepowershell, mode-api, ignite-2022
 ---
-# Quickstart: Create and configure Azure DDoS Network Protection using Azure PowerShell
+# QuickStart: Create and configure Azure DDoS Network Protection using Azure PowerShell
 
 Get started with Azure DDoS Network Protection by using Azure PowerShell.
 
 A DDoS protection plan defines a set of virtual networks that have DDoS Network Protection enabled, across subscriptions. You can configure one DDoS protection plan for your organization and link virtual networks from multiple subscriptions to the same plan.
 
-In this quickstart, you'll create a DDoS protection plan and link it to a virtual network.
+In this QuickStart, you'll create a DDoS protection plan and link it to a virtual network.
+
+:::image type="content" source="./media/manage-ddos-protection/ddos-network-protection-diagram-simple.png" alt-text="Diagram of DDoS Network Protection.":::
 
 ## Prerequisites