JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slideshowWrapper">
    <div id="slideshowImages" class="slideshow">
        <img src="http://www.placehold.it/230x106"  />
    </div>
</div>

CSS

.slideshow
{
    width: 530px;
    height: 530px;
    background-color: silver;
    text-align: center;
}
.slideshow img {
    display: inline-block;
    vertical-align: middle;
}
.slideshow:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: inherit;
}