diff --git a/docs/projects/rock-paper-scissors.md b/docs/projects/rock-paper-scissors.md
index 4416717f..8587101f 100644
--- a/docs/projects/rock-paper-scissors.md
+++ b/docs/projects/rock-paper-scissors.md
@@ -45,21 +45,7 @@ Place an ``||logic:if||`` block under the ``||math:pick random||`` and check whe
 
 Add a ``||basic:show leds||`` block that shows a picture of a piece of paper. The number `1` will mean paper.
 
-```blocks
-let hand = 0;
-input.onGesture(Gesture.Shake, () => {
-    hand = Math.randomRange(1, 3)
-    if (hand == 1) {
-        basic.showLeds(`
-            # # # # #
-            # . . . #
-            # . . . #
-            # . . . #
-            # # # # #
-            `)
-    }
-})
-```
+![How to drag an if statement](/static/mb/projects/rock-paper-scissors/if.gif)
 
 ## Step 5 @fullscreen
 
diff --git a/docs/static/mb/projects/rock-paper-scissors/if.gif b/docs/static/mb/projects/rock-paper-scissors/if.gif
new file mode 100644
index 00000000..91e5395e
Binary files /dev/null and b/docs/static/mb/projects/rock-paper-scissors/if.gif differ
diff --git a/docs/static/mb/projects/rock-paper-scissors/ifelse.gif b/docs/static/mb/projects/rock-paper-scissors/ifelse.gif
index 3654d16d..45e0bf8d 100644
Binary files a/docs/static/mb/projects/rock-paper-scissors/ifelse.gif and b/docs/static/mb/projects/rock-paper-scissors/ifelse.gif differ
diff --git a/docs/static/mb/projects/rock-paper-scissors/ifelseif.gif b/docs/static/mb/projects/rock-paper-scissors/ifelseif.gif
index bc4d8ce8..ec4b0123 100644
Binary files a/docs/static/mb/projects/rock-paper-scissors/ifelseif.gif and b/docs/static/mb/projects/rock-paper-scissors/ifelseif.gif differ
diff --git a/docs/static/mb/projects/rock-paper-scissors/newvar.gif b/docs/static/mb/projects/rock-paper-scissors/newvar.gif
index a4bd26ad..10fe02f3 100644
Binary files a/docs/static/mb/projects/rock-paper-scissors/newvar.gif and b/docs/static/mb/projects/rock-paper-scissors/newvar.gif differ