Need Help Creating Photo Gallery

[ds_tx]

I found help page for CSS Image Gallery, but I'd like to know if there's a way to -
1) have square DIVs that resize proportionally as browser expands, and
2) have images align center and overflow edges of square DIVs (only show center part of image, not full image)
3) have click on image expand image in Lightbox overlay
I'm using the following CSS with DIVs that are divided equally across full width container, but that only controls width of images, leaving the height proportional to width and not the same as width.

.image img { width:100%; height:auto; }