diff --git a/docs/guide.md b/docs/guide.md
index 799c126..cb916ea 100644
--- a/docs/guide.md
+++ b/docs/guide.md
@@ -38,7 +38,7 @@ app.use(function *(next){
   while any code after is the "bubble" phase. This crude gif illustrates how ES6 generators allow us
   to properly utilize stack flow to implement request and response flows:
 
-![koa middleware](https://i.cloudup.com/N7L5UakJo0.gif)
+![koa middleware](/docs/middleware.gif)
 
    1. Create a date to track duration
    2. Yield control to the next middleware
diff --git a/docs/middleware.gif b/docs/middleware.gif
new file mode 100644
index 0000000..784fc73
Binary files /dev/null and b/docs/middleware.gif differ