如何在语义UI中将卡片居中？

我已经为卡实现了owl滑块，我尝试将其模拟为移动设备，它看起来卡未正确居中。

我已经尝试了所有UI网格和其他中心类，但它们没有起作用。

这是我的HTML

<div class="owl-carousel">

    <div class="ui card">
        <div class="image dimmable">
            <div class="ui blurring inverted dimmer transition hidden">
                <div class="content">
                    <div class="center">
                       <div class="ui teal button">Ver más sobre Circulo K</div>
                    </div>
                </div>
            </div>
            <img src="../assets/images/stores/circulok.jpg">
        </div>

        <div class="content">
            <div class="header">Circulo K</div>
                <div class="meta">
                    <a class="group">Meta</a>
                </div>
                <div class="description">Descripción Corta</div>
            </div>

            <div class="extra content">
                <a class="right floated created">Arbitrary</a>
                <a class="friends"></a>
            </div>
        </div>

   </div>
</div>

我该怎么办？