JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slider">
    <img class="center" src="http://www.placehold.it/1000x300" />
</div>

CSS

.slider {
    width: 100%;
    position: relative;
    text-align: center;
    height: 400px;
}
.slider:before
{
    height: inherit;
    display: inline-block;
    vertical-align: middle;
    content:"";
}

.center {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
}