I am having a hard time forcing the image gallery lightbox to be 100% width and auto height when viewing on a mobile device or even just shrinking the width of the browser on a desktop computer. The image is being distorted, the width fits within the lightbox just fine but the height is the problem.
I am using responsive architecture and have attempted implementing some conditional CSS to fore the image resize but have not been successful. The link to the site is: http://blueherondining.com/web/catering/
That is currently the only page that has the image gallery. Any guidance would be insanely appreciated. Thank you in advance!