JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wr">
  <div></div>
  <div></div>
  <div></div>
</div>

CSS

body {
  background: #fff;
}
.wr {
  display: flex;
}
.wr div {
  width: 33.333%;
  height: 200px;
  background: #F9F9F9;
  position: relative;
  overflow: hidden;
  
}
.wr div:after {
  content:'';
  display: block;
  height: 150%;
  width: 100%;
  position: absolute;
}

.wr div:nth-child(2):after {
  top: -25%;
  right: 0px;
box-shadow: inset 0px 0px 37px -10px rgba(0,0,0,0.24);
Copy Text
}