JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

    <div id="content">

        <div class="Img">
            <a href=""><img src="http://p.imgci.com/db/PICTURES/CMS/203200/203247.1.jpg" alt="10img" style="width:400px; height:200px"></a>
        </div>

    </div>


    </div>

CSS

#content{
    padding-bottom: 200px;
    position: absolute;
    float: left;
    left: 50%;
    margin-left: -450px;
    top: 200px;
}

#container{
    height:100%;
}

.Img{
    border: 2px solid grey;
}

.Img a:hover{
    outline: 2px solid black;
}