JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem in repellat consequuntur nam, officiis deserunt vel fuga modi provident magni ducimus eaque, ullam perferendis quis. Mollitia distinctio enim provident amet incidunt quos eius aliquam sed maxime dignissimos ipsam consequatur atque vero, reiciendis labore repudiandae harum saepe nulla, sit odit debitis.</p>
</div>
<div class="bottom">
  <img src="http://placehold.it/350x150" alt="car">
</div>

CSS

.top {
  background-color: black;
  padding-bottom: 40px;
}
.top p {
  color: #fff;
}
.bottom {
  background-color: grey;
}
.bottom img {
  margin-top: -30px;
}