JSFiddle - React, Tailwind, and code Playground

by timmah

HTML

<div class="wrap">
        <div id="anatomy">
            <div class="brain">
                <img src="http://confluence.sinan.brogrammer.ir/plugins/temp/02.png" />
            </div>
            <div class="heart" >
                <img src="http://confluence.sinan.brogrammer.ir/plugins/temp/03.png" />
            </div>
        </div
        <div class="clear"></div>
    </div><!-- END WRAP -->

CSS

img, embed, object, video{ max-width: 100%; 
height: auto}

.wrap {
    margin: 0 auto;
    width: 1180px;
    max-width: 99%;
    background-color: pink;
}

#anatomy {
    width: 100%;
    position: relative;
}

body {
    background-color:red;
}

.brain {
    position: absolute;
    left: 20%;
    top: 43px;
    background-color:blue;
}
.heart {
    position: absolute;
    left: 60%;
    top: 320px;
    background-color:green;
}