Why doesn't the image fit completely into the block?

Question

css

There is a block that occupies 50% of the screen width and in this block there is an owl-carousel with a slide of pictures, but the pictures do not fit there completely, given that the block is a square with equal width and height.
How can I make the image without clipping fit the size of the block and fit completely into the block?
Maybe it has something to do with the owl-carousel feature?

https://jsfiddle.net/Norum87/u7L9fd8q/1/