JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image">
    <img src="http://i.imgur.com/LukIbK7.jpg" />
</div>

CSS

.image {
    width:100%;
    text-align:center;
}
.image img {
    width:50%;
    -webkit-box-reflect: right 0px -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
}

JavaScript

$("img").clone().appendTo(".image").css("-webkit-box-reflect", "left 0px -webkit-gradient(linear, right top, left top, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)))").css("margin-top", "-100%");