JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.backslash.gr/demos/contenthover-jquery-plugin/jquery.contenthover.js"></script>
<div id="container">
    <div id="topgrid">
        <div class="toptile">
            <div class="topslider">
                <img class="topslidercell" src="http://placehold.it/300x200" width="300" height="200" />
                <div class="contenthover">
                    
<h4>lorem Ipsum</h4>

                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum pulvinar ante quis augue lobortis volutpat.</p>
                    <br /> <a href="#" class="mybutton">Click to Install</a>

                </div>
            </div>
        </div>
        <div class="toptile">
            <div class="topslider">
                <img class="topslidercell" src="http://placehold.it/300x200" width="300" height="200" />
                <div class="contenthover">
                    
<h4>lorem Ipsum</h4>

                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum pulvinar ante quis augue lobortis volutpat.</p>
                    <br /> <a href="#" class="mybutton">Click to Install</a>

                </div>
            </div>
        </div>
        <div class="toptile">
            <div class="topslider">
                <img class="topslidercell" src="http://placehold.it/300x200" width="300" height="200" />
                <div class="contenthover">
                    
<h4>lorem Ipsum</h4>

                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum pulvinar ante quis augue lobortis volutpat.</p>
                    <br /> <a href="#" class="mybutton">Click to Install</a>

                </div>
            </div>
        </div>
    </div>
</div>

CSS

#container {
    width:1024px;
    position:absolute;
    background-color: #7f82a3;
}
#topgrid {
    margin: auto;
    border: 1px solid red;
}
.toptile {
    position:relative;
    display: block;
    float:left;
    margin-left:10px;
    margin-top:10px;
}
.topslider {
    margin: 0px auto;
}
.contenthover {
    padding: 15px 20px 0px 20px;
}
.contenthover {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size:12px;
}
.contenthover h4 {
    font-size:20px;
    font-weight:normal;
}
.contenthover h4, .contenthover p {
    margin: 0 0 10px 0;
    line-height: 1.4em;
    padding: 0;
}
.contenthover a {
    font-family:'Droid Sans', sans-serif;
    font-weight:700;
}
.contenthover a.mybutton {
    margin: 20px 0 0 40px;
    font-size:21px;
    padding: 10px 15px;
    color: #fff;
    background: -webkit-linear-gradient(#5bc5de, #0b75b9);
    background: -o-linear-gradient(#5bc5de, #0b75b9);
    background: -moz-linear-gradient(#5bc5de, #0b75b9);
    background: linear-gradient(#5bc5de, #0b75b9);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-color: #007ac9;
}
.contenthover a.mybutton:hover {
    background: #005588;
}

JavaScript

$('.topslidercell').contenthover({
    effect: 'slide',
    slide_speed: 300,
    overlay_background: '#000',
    overlay_opacity: 0.8
});