JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="fir"><img src="https://s-media-cache-ak0.pinimg.com/736x/16/48/f4/1648f4e01b50d7629559b12f42d6dbc6.jpg"></div>
  <div class="sec">text</div>
</div>

CSS

.main {
    display: flex;
    width: 100%;
}

.fir {
    width: 80%;
    border: 1px solid red;
}

.fir img {
    width: 100%;
    vertical-align: top;
}

.sec {
    display: flex;
    width: 20%;

    align-items: flex-end;

    color: #fff;
    background: royalblue;
}