Merge pull request #12016 from hashicorp/Screenshot-Updates

Consul UI Screenshot Updates

website/content/docs/connect/observability/ui-visualization.mdx

@@ -27,7 +27,7 @@ URLs](#configuring-dashboard-urls).
 It is possible to configure the UI to fetch basic metrics from your metrics
 provider storage to augment the visualization as displayed below.
 
-![Consul UI Service Mesh Visualization](/img/ui-service-topology-view.png)
+![Consul UI Service Mesh Visualization](/img/ui-service-topology-view-hover.png)
 
 Consul has built-in support for overlaying metrics from a
 [Prometheus](https://prometheus.io) backend. Alternative metrics providers may

website/content/docs/k8s/connect/observability/metrics.mdx

@@ -112,7 +112,7 @@ Consul’s built-in UI has a topology visualization for services part of the Con
 
 The diagram below illustrates how the UI displays service metrics for a sample application:
 
-[![UI Topology View](/img/ui-topology.png)](/img/ui-topology.png)
+![UI Topology View](/img/ui-service-topology-view-hover.png)
 
 The topology view is configured under `ui.metrics`. This will enable the Consul UI to query the provider specified by
 `ui.metrics.provider` at the URL of the Prometheus server `ui.metrics.baseURL` to display sidecar proxy metrics for the

website/content/docs/k8s/installation/multi-cluster/kubernetes.mdx

@@ -441,7 +441,7 @@ to retrieve the bootstrap token mentioned in the UI documentation.
 With the UI open, you'll be able to switch between datacenters via the dropdown
 in the top left:
 
-![Consul Datacenter Dropdown](/img/consul-datacenter-dropdown.png 'Consul Datacenter Dropdown')
+![Consul Datacenter Dropdown](/img/data-center-dropdown.png 'Consul Datacenter Dropdown')
 
 ## Next Steps