JSFiddle - React, Tailwind, and code Playground

HTML

<div class="el">

  <div class="el__content">

    <div class="el__text">Welcome to the rice fields, motherfucker!</div>

    <div class="el__bg"></div>

  </div>

</div>

CSS

*,
:before,
:after {
  box-sizing: border-box
}

.el {
  position: relative;
  background: red;
  padding: 30PX;
  min-width: 380px;
}

.el__content {
  display: flex;
  background: green;
  border-radius: 4PX;
  padding-right: 15PX;
}

.el__text {
  flex: 0 0 60%;
  position: relative;
  padding: 50PX 15px;
}

.el__bg {
  margin-top: -15px;
  flex: 1 1 100%;
  background: url(http://pluspng.com/img-png/png-hd-man-man-330.png) no-repeat bottom right / contain;
}