JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="content">
        <div class="10Img"> <a href=""><img src="10Pimg.png" alt="10img" style="width:900px; 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%;
}
a img {
    border: 2px solid grey;
}
a img:hover {
    border: 2px solid black;
}