JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gridgallery">
    <figure><a href="http://www.stockazoo.com/uploads/3/5/4/5/3545172/4863967_orig.jpg" data-caption="Golden Gate Bridge">
    <img src="http://www.stockazoo.com/uploads/3/5/4/5/3545172/6435797.jpg"/></a>
    </figure>
</div>

CSS

*{
    margin:0;
    padding:0;
}
.gridgallery figure {
    background: #333;
    margin:0px;   
    max-width:50%;
   
}
.gridgallery figure img {
    width: 100% !important;
    max-width:100%;
    opacity: 0.95;  
     display:block;
}
#gallerytitle {
    width:950px;
    max-width:100%;
    margin:0px auto 0px auto;
}