diff --git a/exercises/02.side-effects/README.mdx b/exercises/02.side-effects/README.mdx
index e61cca7e3..736e23e67 100644
--- a/exercises/02.side-effects/README.mdx
+++ b/exercises/02.side-effects/README.mdx
@@ -34,7 +34,7 @@ For example, things outside our react components include:
 
 Check out [the React Flow diagram](https://github.com/donavon/hook-flow) below:
 
-![React Flow diagram showing mount, update, unmount](https://github-production-user-asset-6210df.s3.amazonaws.com/1500684/295689283-b9ecdd1d-ce28-446b-84ad-6b264d4be8e4.png)
+![React Flow diagram showing mount, update, unmount](/hook-flow.png)
 
 The graphic illustrates the lifecycle of a React component, focusing on how
 hooks behave during different phases: Mount, Update, and Unmount. It's
diff --git a/public/hook-flow.png b/public/hook-flow.png
new file mode 100644
index 000000000..6af1c4fcc
Binary files /dev/null and b/public/hook-flow.png differ