JSFiddle - React, Tailwind, and code Playground

HTML

<section class="seo">
	<div class="container">
		<div class="row">
			<div class="col-md-11">
				<div class="seo_content">


					</div>
				</div>
			</div>
		</div>
</section>

CSS

.seo {
  min-height: 506px;
  padding: 60px 0 58px;
  background-image: url(../img/seo.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.seo_content {
  max-width: 700px;
  min-height: 330px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 35px;
}

.seo .col-md-11:after {
  width: 300px;
  height: 300px;
  display: block;
  position: absolute;
  content: "";
  right: 105px;
  bottom: -51px;
  background: rgba(17, 137, 183, 0.6);
  z-index: 1;
}