Вопрос по дополнительным изображениям - [VM2&3] Дизайн, оформление

проблема: пользователь подгружает доп.изображения разных форматов.
от 1000 на 500, до 500 на 1000 в px.

и поэтому они все разного размера в карточке товара (только по ширине одинаковы), но если делать одинаковыми по высоте, то картинка просто масштабируется в заданных размерах, что сразу сказывается на ней картинке, то вытянута в стороны, то вниз или вверх.

вопрос: как сделать корректное отображение фотографии при заданных размерах (например: 150 на 100)?

Попробуй CSS:
max-width:150px

это не подходит.
я наверное плохо выразился - мне необходимы одинаковые превьюшки доп.изображений, но так чтобы не было искажения.
если фотографии разного размера, она должна подрезаться и пропорционально уменьшиться до требуемого размера.

а ссылку на сайт можно?

плитка-эрмитаж.рф/catalog/plitka/%D0%B8%D1%82%D0%B0%D0%BB%D0%B8%D1%8F/abita/vision-detail

Размеры нужные подберете.

а можете сделать скрин, как у вас получилось?

картинка искажается

Загрузите картинки большего размера и пропишите CSS для .additional-images>div, а не для .additional-images img

для более правильного отображения необходимо указать max-height:  ; и width:auto и будет вам правильное счастье