Я бы на вашем сделал контейнер с картинкой прозрачной с необходимым соотношением сторон (типа 2х3 пикселя) и растягиваем на всю ширину родителя. А реальную картинку помещаем в этот контейнер и абсолютно позиционируем (допустим 0:0, не вошедшее обрезается). Естественно контейнеру присваиваем
overflow:hidden;
Кстати вот подобный вопрос:
https://toster.ru/answer?answer_id=852886
Там же есть мой более развернутый ответ.
