diff --git a/tutorial/content/exercises/instrumentation/automatic/code-based/images/jaeger_trace_custom_span.png b/tutorial/content/exercises/instrumentation/automatic/code-based/images/jaeger_trace_custom_span.png
new file mode 100644
index 0000000..6aa4347
Binary files /dev/null and b/tutorial/content/exercises/instrumentation/automatic/code-based/images/jaeger_trace_custom_span.png differ
diff --git a/tutorial/content/exercises/instrumentation/automatic/code-based/images/jaeger_trace_custom_span_details.png b/tutorial/content/exercises/instrumentation/automatic/code-based/images/jaeger_trace_custom_span_details.png
new file mode 100644
index 0000000..69c7edb
Binary files /dev/null and b/tutorial/content/exercises/instrumentation/automatic/code-based/images/jaeger_trace_custom_span_details.png differ
diff --git a/tutorial/content/exercises/instrumentation/automatic/code-based/index.md b/tutorial/content/exercises/instrumentation/automatic/code-based/index.md
index 3f3aa2e..6a3d50d 100644
--- a/tutorial/content/exercises/instrumentation/automatic/code-based/index.md
+++ b/tutorial/content/exercises/instrumentation/automatic/code-based/index.md
@@ -437,11 +437,11 @@ If you analyse an individual trace of `todoui-flask` with a `POST` operation, yo
 
 This part will show up as 2nd in the list an is called `todoui-flask add`.
 
-Screenshot
+{{< figure src="images/jaeger_trace_custom_span.png" width=700 caption="Jaeger trace - Custom span" >}}
 
 Once you expand the details of this trace you will also see the value of the passed variable. Under the section of tags you see the `todo.value`.
 
-Screenshot
+{{< figure src="images/jaeger_trace_custom_span_details.png" width=700 caption="Jaeger trace - Custom span" >}}
 
 ### Summary - What you have learned.