Как пропорционально уменьшить изображение в owl carousel 2.3.4?

При добавлении изображения в owl carousel 2.3.4 оно растягивается на всю ширину экрана. При попытке уменьшить width со 100%, изображение смещается влево. Ниже указал, где изменяю ширину.

.owl-carousel .owl-item img {
display: block;
width: 100%;

Пожалуйста подскажите, как уменьшить изображение пропорционально, при этом оставив его по центру. Можно ли обойтись изменениями в CSS?