Update 2-synthetics-detail.md

updated for new interface

Author: shorowitz2021

content/en/splunk4rookies/observability-cloud/8-synthetics/2-synthetics-detail.md

@@ -12,19 +12,24 @@ The screenshot below doesn't contain a red banner with an error in it however yo
 {{% /notice %}}
 
 ![waterfall](../images/synth-waterfall.png)
-
-1. **Filmstrip:** Offers a set of screenshots of site performance so that you can see how the page responds in real-time.
-2. **Video:** This lets you see exactly what a user trying to load your site from the location and device of a particular test run would experience.
+1. **Filter** Focus in on specific parts of your test; filters the filmstrip, video, and waterfall. 
+2. **Filmstrip:** Offers a set of screenshots of site performance so that you can see how the page responds in real-time.
 3. **Waterfall chart**  The waterfall chart is a visual representation of the interaction between the test runner and the site being tested.
-4. **Browser test metrics:**  A View that offers you a picture of website performance.
+4. **Video:** This lets you see exactly what a user trying to load your site from the location and device of a particular test run would experience.
+5. **Browser test metrics:**  A View that offers you a picture of website performance.
 
 By default, Splunk Synthetics provides screenshots and video capture of the test. This is useful for debugging issues. You can see, for example, the slow loading of large images, the slow rendering of a page etc.
 
 {{% notice title="Exercise" style="green" icon="running" %}}
 
+
 * Use your mouse to scroll left and right through the filmstrip to see how the site was being rendered during the test run.
-* In the Video pane, press on the play button **▶** to see the test playback. If you click the ellipses **⋮** you can change the *playback speed*, view it *Picture in Picture* and even *Download* the video.
+* In the Video pane, press on the play button **▶** to see the test playback. If you click the vertical three dots **⋮** you can change the *playback speed*, view it *Picture in Picture* and even *Download* the video.
+* Using the filter above the filmstrip, under the header *Synthetic Transactions*, click on **Home**
+* The waterfall below will show all the objects that make up the page. The first line is the HTML page itself. The next lines are the objects that make up the page (HTML, CSS, JavaScript, Images, Fonts, etc.).
 * In the waterfall find the line **GET** *splunk-otel-web.js*.
 * Click on the **>** button to open the metadata section to see the Request/Response Header information.
+* In the filter, switch to the second Synthetic Transaction **Shop**. Note that the filmstrip and video adjusts and moves to the beginning of the new transaction.
+* Repeat this for all the other Transactions, then finally select the **PlaceOrder** transaction.
 
 {{% /notice %}}