jackdev

/*CSS*/   .owl-carousel {     height : auto ;   }   .owl-carousel .owl-stage {     width : 534px ;     height : 300px ;     display : flex ;     justify-content : center ;     align-items : center ;     overflow : hidden   }   .owl-carousel .owl-stage-outer {     transform : translate3d ( 0px , 0px , 0px );   }   .owl-carousel .owl-wrapper ,     .owl-carousel .owl-item {       transform : translate3d ( 0 , 0 , 0 );       flex-shrink : 1 ;       -webkit-flex-shrink : 1 ;       max-width : 80% ;       max-height : 80% ;     }   .owl-carousel .owl-item img {     height : 225px ;     width : 400px ;     object-fit : cover !important ;   } /*JS*/ $ ( document ). ready ( function () {   $ ( '.owl-carousel' ). owlCarousel ({ ...

[CSS] div{ width:100%; height:250px; display:flex; justify-content:center; align-items:center; overflow:hidden } div img{ flex-shrink:0; -webkit-flex-shrink: 0; max-width:70%; max-height:90%; } source