Merge pull request #252285 from AbdullahBell/ddos-protection-app-gateway-diagram

DDos Protection Tutorial Graphics: Portal articles: Application Gateway

Author: JamesJBarnett

articles/application-gateway/media/tutorial-protect-application-gateway/ddos-protection-app-gateway.png

@@ -5,7 +5,7 @@ description: Learn how to set up an application gateway and protect it with Azur
 services: application-gateway
 author: duongau
 ms.author: duau
-ms.date: 04/06/2023
+ms.date: 09/20/2023
 ms.topic: quickstart
 ms.service: application-gateway
 ms.custom: template tutorial
@@ -15,6 +15,8 @@ ms.custom: template tutorial
 
 This article helps you create an Azure Application Gateway with a DDoS protected virtual network. Azure DDoS Network Protection enables enhanced DDoS mitigation capabilities such as adaptive tuning, attack alert notifications, and monitoring to protect your application gateways from large scale DDoS attacks.
 
+:::image type="content" source="./media/tutorial-protect-application-gateway/ddos-protection-app-gateway.png" alt-text="Diagram of DDoS Protection connecting to an Application Gateway.":::
+
 > [!IMPORTANT]
 > Azure DDoS Protection incurs a cost when you use the Network Protection SKU. Overages charges only apply if more than 100 public IPs are protected in the tenant. Ensure you delete the resources in this tutorial if you aren't using the resources in the future. For information about pricing, see [Azure DDoS Protection Pricing]( https://azure.microsoft.com/pricing/details/ddos-protection/). For more information about Azure DDoS protection, see [What is Azure DDoS Protection?](../ddos-protection/ddos-protection-overview.md).
 
@@ -27,6 +29,8 @@ In this tutorial, you learn how to:
 > * Add VMs to the backend of the application gateway
 > * Test the application gateway
 
+
+
 ## Prerequisites
 
 An Azure account with an active subscription is required.  If you don't already have an account, you can [create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F).