<section class="offer">
<div class="owl-carousel slider">
<?php foreach(getSlider() as $sliderpost): ?>
<div class="item slider-wrapper" style="background-image: url(<?php //echo get_the_post_thumbnail_url( $sliderpost->ID); ?>);">
<img src="<?php echo get_the_post_thumbnail_url( $sliderpost->ID); ?>">
<a class="slide-btn" onclick="popup_callback();">Заказать</a>
</div>
<?php endforeach; ?>
</div>
</section>
item slider-wrapper фиксирован по высоте 200px как сделать чтобы изображения показывался целиком но при этом был высатой блока item slider-wrapper. Пробывал cover половина изображения по бокам нет. Пробовал contain изображния встала центр блока не по все высоте item slider-wrapper
