Added lightbox

Author: v-ksreedevan

articles/network-watcher/network-insights-topology.md

@@ -45,15 +45,15 @@ To view a topology, follow these steps:
 5. In the **Networks** screen that appears, select **Topology**.
 6. Select **Scope** to define the scope of the Topology. 
 7. In the **Select scope** pane, select the list of **Subscriptions**, **Resource groups**, and **Locations** of the resources for which you want to view the topology. Select **Save**.
-
-   :::image type="content" source="./media/network-insights-topology/topology-scope.png" alt-text="Screenshot of selecting the scope.":::
+ 
+   :::image type="content" source="./media/network-insights-topology/topology-scope-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/topology-scope-expanded.png":::
 
    The duration to render the topology may vary depending on the number of subscriptions selected.
 8. Select the [**Resource type**](#supported-resource-types) that you want to include in the topology and select **Apply**.
 
 The topology containing the resources according to the scope and resource type specified, appears.
 
-   :::image type="content" source="./media/network-insights-topology/topology-start-screen.png" alt-text="Screenshot of Topology screen.":::
+   :::image type="content" source="./media/network-insights-topology/topology-start-screen-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/topology-start-screen-expanded.png":::
 
 Each edge of the topology represents an association between each of the resources. In the topology, similar types of resources are grouped together. 
 
@@ -65,32 +65,34 @@ To add a region, follow these steps:
 1. Hover on **Regions** under **Azure Regions**.
 2. From the list of **Hidden Resources**, select the regions to be added and select **Add to View**.
 
-   :::image type="content" source="./media/network-insights-topology/add-resources.png" alt-text="Screenshot of adding regions.":::
+   :::image type="content" source="./media/network-insights-topology/add-resources-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/add-resources-expanded.png":::
 
 You can view the resources in the added region as part of the topology.
 
 ## Drilldown resources
 
 To drill down to the basic unit of each network, select the plus sign on each resource. When you hover on the resource, you can see the details of that resource. Selecting a resource displays a pane on the right with a summary of the resource. 
 
-   :::image type="content" source="./media/network-insights-topology/resource-details.png" alt-text="Screenshot of resource details.":::
+   :::image type="content" source="./media/network-insights-topology/resource-details-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/resource-details-expanded.png":::
+   
 
 Drilling down into Azure resources such as Application Gateways and Firewalls displays the resource view diagram of that resource. 
 
-   :::image type="content" source="./media/network-insights-topology/drill-down.png" alt-text="Screenshot of resource hierarchy.":::
+   :::image type="content" source="./media/network-insights-topology/drill-down-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/drill-down-expanded.png":::
 
 ## Integration with diagnostic tools
 
 When you drill down to a VM within the topology, the summary pane contains the **Insights + Diagnostics** section from where you can find the next hop. 
 
-   :::image type="content" source="./media/network-insights-topology/resource-summary.png" alt-text="Screenshot of resource summary pane.":::
+   :::image type="content" source="./media/network-insights-topology/resource-summary-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/resource-summary-expanded.png":::
 
 Follow these steps to find the next hop.
 
 1. Click **Next hop** and enter the destination IP address. 
 2. Select **Check Next Hop**. The [Next hop](network-watcher-next-hop-overview.md) checks if the destination IP address is reachable from the source VM.
 
    :::image type="content" source="./media/network-insights-topology/next-hop.png" alt-text="Screenshot of the next hop option.":::
+   :::image type="content" source="./media/network-insights-topology/next-hop-inline.png" alt-text="Screenshot of selecting the scope." lightbox="./media/network-insights-topology/next-hop-expanded.png":::
 
 ## Next steps