JSFiddle - React, Tailwind, and code Playground

HTML

<div id="owl-demo" class="custom-carousel">
    <div class="item">
        <img src="http://placehold.it/100x100" alt="img" />
    </div>
    <div class="item">
        <img src="http://placehold.it/50x50" alt="img" />
    </div>
    <div class="item">
        <img src="http://placehold.it/100x100" alt="img" />
    </div>
</div>

CSS

.custom-carousel > .item {
    display: inline-block;
    vertical-align: middle;
}