Great stuff! I like both pics and gifs evenly. Like peak says, it's mostly about the words.
Peak: What program do you use? I use gimp, and when I do caps on a gif:
-Extend canvas to give extra space under/over/side of image
-Make a new bottom layer/frame, add background and text to that, transparency where the image would be
-merge it with the first layer/frame of the image
The first frame of a gif is the "background" that all the others stack on top of. If your "background" layer is bigger than the rest, the extra space will keep showing while the animation runs.
Look in the lower left corner, see how one of the layers is called "background" and the rest are frame 2, frame 3, etc? That background layer is where your text needs to end up.
Extend your canvas to make room for your text. Once you do that you should see transparency (represented by gray checkerboard) in the extra space around the exiting image
So create a new transparency layer, leave transparency where the picture will be and put whatever you want where the text will be. Depending on the program your text might have it's own layer, or it might automatically be on the "caption" layer already
When everything is done, merge your "background" layer with "caption" and "text". Frame 2, 3, etc should all still have transparency at the bottom.
Now export the image as a .gif, keep an eye out for the option to animate or not animate it. Obviously you want to animate it, or else it will just be a still image of the final frame.
Here is the completed gif: