JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper-one">
    <img src="http://designsbysarahbryan.com/wp-content/uploads/2010/01/dbs_blinkie-size-200X200.jpg" alt="">
    <div class="child-one">child one</div>
    <div class="child-two">child two</div>
</div>
<div class="wrapper-two">
    <img src="http://designsbysarahbryan.com/wp-content/uploads/2010/01/dbs_blinkie-size-200X200.jpg" alt="">
    <div class="child-one">2nd child one</div>
    <div class="child-two">2nd child two</div>
</div>

CSS

.child-one {
    background-color: red;
    height:50px;
    width: 200px;
}
.child-two {
    background-color: blue;
    height:25%;
    width:200px;
}

.wrapper-two{
    height: 200px;
}