JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<div class="outer">
  <div class="inner"></div>
</div>

CSS

.outer, .inner {
  width: 400px;
  height: 200px;
}
.outer {
  background: hotpink;
}

.inner {
  opacity: 0.5;
  background: black;
  transform: translateX(50%) translateX(-90px);
}