JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<div id='leftdiv'>
    <img src='http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg'/>
</div>
<div id='rightdiv'>
     <img src='http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg'/>
</div>

CSS

img{
    position:absolute;
    margin-top:100px;
    right:25%;
    width:50%;
}
#leftdiv{
    position:relative;
    float:left;
    background: #e7e7e7;
    height:500px;
    width:50%;
    
}
#rightdiv{
    position:relative;
    float:right;
    height:500px;
    width:50%;
    background: green;
    
}