How to scale down an image proportionally in owl carousel 2.3.4?

Question

css

When adding an image in owl carousel 2.3.4, it stretches to full screen width. When you try to decrease the width from 100%, the image shifts to the left. Below I indicated where I change the width.
.owl-carousel .owl-item img {
display: block;
width: 100%
Please tell me how to reduce the image proportionally, while leaving it in the center. Is it possible to get by with CSS changes?

Answer 1

add imagemargin: 0 auto;