diff --git a/README.md b/README.md
index 3952b64..6b87d8b 100644
--- a/README.md
+++ b/README.md
@@ -206,7 +206,7 @@ import { CircularProgressbarWithChildren } from 'react-circular-progressbar';
 </CircularProgressbarWithChildren>;
 ```
 
-<a href="https://codesandbox.io/s/qlr7w0rm29"><img src="/demo/public/images/custom-content-progressbar.png?raw=true" alt="custom content progressbar" width="150" /></a>
+<img src="/demo/public/images/CircularProgressbarWithChildren.png?raw=true" alt="CircularProgressbarWithChildren example" />
 
 `CircularProgressbarWithChildren` has all the same props as `CircularProgressbar` - you can use it the exact same way otherwise.
 
diff --git a/demo/public/images/CircularProgressbarWithChildren.png b/demo/public/images/CircularProgressbarWithChildren.png
new file mode 100644
index 0000000..b4da579
Binary files /dev/null and b/demo/public/images/CircularProgressbarWithChildren.png differ
diff --git a/demo/public/images/custom-content-progressbar.png b/demo/public/images/custom-content-progressbar.png
deleted file mode 100644
index dcbfeca..0000000
Binary files a/demo/public/images/custom-content-progressbar.png and /dev/null differ