Enfold Gallery – Responsive to fill available Space (Horizontal OR Vertical)

Hello!
I’m trying to set up a truly responsive Gallery element and haven’t been able to figure it out. I would like to make it so the Gallery ‘large image’ above the thumbnails fills the available space no matter what the browser size or dimensions are. This means that the height and width should get scaled and/or cropped as long as the available height and width-space is filled (and the thumbnails should sit just above the grey footer bar.)
> Here’s an example of the effect I’m trying to achieve: http://aacrealty.com/portfolio/shops-at-rivercenter
> Here’s my page using a Grid Row with the Gallery in half of it: http://pdpllc.net/new/properties/session-apartment/
I’ve tried using the CSS “height: calc(100vh – 325px);” but this just lops off the thumbnails instead of filling the available area.

Any guidance or suggestions are appreciated!