Animation Background

How do you make an animation with a transparent background or one with a image as a background. The animation zooms into text so near the end of the animation there is no background so those frames are fine but its the frames up to that point which need the specific backround

Any help would be great atm, I have spent the day trying to do it since I need this done asap. Update though I tried using the technique that should make a rendered image have a transparent background (render settings attached) but it came up with a black background after rendering with a transparent one. An example is shown.

Attachments