Context

The default templates will be used in demos and in evaluations. They need to look good, otherwise they reduce confidence in our product.

Steps to reproduce

1.  Add a "Product detail" component to a page.
2.  Pick a product like "Mens/Suits/Charcol suit"

Logs, screenshots, gifs...

Expected results

The images look good - they have their proper/native aspect ratios.

Actual results

The image looks bad - it is squashed in different ways depending on the browser width.

Workaround

None known.

Development notes

Probably needs some tweaks to the CSS.

For example remove the fixed height property.

I put in the steps for one of the components, but please ensure that all of the components render product images properly.

Check that this is fixed for all connectors