Update images with specified width to use figure shortcode (#8475)

Hugo does not support the way the image's max-width was specified before.
This fix will constrain images to always be 50% rather than max out
at 50%, but it is the best we can easily do for now.

Signed-off-by: Misty Stanley-Jones <mistyhacks@google.com>

content/en/docs/concepts/workloads/pods/pod-overview.md

@@ -38,7 +38,7 @@ Pods are designed to support multiple cooperating processes (as containers) that
 
 Note that grouping multiple co-located and co-managed containers in a single Pod is a relatively advanced use case. You should use this pattern only in specific instances in which your containers are tightly coupled. For example, you might have a container that acts as a web server for files in a shared volume, and a separate "sidecar" container that updates those files from a remote source, as in the following diagram:
 
-![pod diagram](/images/docs/pod.svg){: style="max-width: 50%" }
+{{< figure src="/images/docs/pod.svg" title="pod diagram" width="50%" >}}
 
 Pods provide two kinds of shared resources for their constituent containers: *networking* and *storage*.