JSFiddle - React, Tailwind, and code Playground

by Tim Peterson

HTML

<div id="imgWrapper" >
    <div id="titleContainer">title container
    </div>
    <div id="imgContainer"  >    
            <img id="mainImg" src="https://lh4.googleusercontent.com/-f8HrfLSF2v4/T609OOWkQvI/AAAAAAAAGjA/waTIdP4VkMI/s371/impact_of_early_exposure_to_D%26D.jpg">    
    </div>
</div>

CSS

#imgWrapper{
    background:gray;
    width:80%;
    height:80%;
    border-radius:5px;
    border:1px solid gray;
}
#imgContainer{
    width:100%;
    height:100%;
    
}
#titleContainer{
background:yellow;
border-radius:5px;
border:1px solid gray;
}
#mainImg{
width:100%;
height:61.8%;    
}