Floating two images to the right, directly under each other -- plus a caption!

Hello

This is pretty basic, but I thought I'd ask anyway.

Please go to this page: Web site in progress

There are two images floating to the right.  A photo of oranges and a girl with a hula hoop.

I want the girl with the hula hoop to be above the photo of the oranges.  Specifically to make the page look more like this page:  Photos stacked on top of each other

Should I do the style within the html -- or better do it all with css?

To help with this,I've added some hooks.  The overall div class is named "GivingBack"  And, perhaps overdoding it,  I've also gave the images their own ids  "hulahoop" and "oranges"

Finally I want to add a caption centered below the girl with the hula hoop.  "Image Courtesy of Yolo County Food Bank.",   What's the best way to do that?

Thanks!

Rowby