I'm creating a large online store for a local art gallery. The site sells artwork from a multitude of artists in varying mediums. Because of this, images for the store have dimensions that vary a lot. Therefore, on my product details pages, many of the images are terribly cropped.
I need to figure out a way to style the product details page and allow for the image's original aspect ratio to be maintained.
I've been tweaking around with the CSS for hours, but can't figure out a way to make it work. I basically need the product detail page's image container to match the original aspect ratio of the photo that is displayed.
Has anyone done this successfuly?! I have combed the internet with no luck.
Any help would be greatly appreciated! Happy to give you the password to view the site if needed as it's not live yet.