JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  	<div class="search_bg">
      <div class="wrapper">
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non quas laboriosam consequatur laborum itaque est ducimus voluptatibus, deserunt odit architecto sapiente quam ullam, illo quidem cumque consectetur quae corporis dolores.</div>
      <div>Aperiam eos animi quis officiis deserunt temporibus, velit, tempore est fugit esse, repellat quisquam architecto ducimus rerum minus debitis nesciunt. Unde, quasi. Iusto quo quidem, distinctio nam, iste et sint!</div>
      <div>Voluptate consectetur culpa aspernatur. Accusantium laboriosam, nostrum, placeat neque recusandae voluptatibus ipsa commodi maxime similique, possimus excepturi. Cum natus dignissimos, cupiditate asperiores distinctio eius quia consequatur eveniet? Ad, sapiente, aut.</div>
      <div>Deserunt, ut natus possimus esse maiores, fugiat accusamus sit eveniet repudiandae laborum ipsum quae! Provident, rem repellat inventore cum minima veniam atque laudantium reiciendis distinctio temporibus veritatis omnis modi recusandae.</div>
      <div>Tenetur omnis voluptates voluptatum eum, nesciunt, facere dolor incidunt doloribus ipsam pariatur sint eveniet fuga expedita ea vel corporis dolores commodi quos neque, sit. Itaque vero ratione ab, veritatis corporis?</div>
        <div>Deserunt, ut natus possimus esse maiores, fugiat accusamus sit eveniet repudiandae laborum ipsum quae! Provident, rem repellat inventore cum minima veniam atque laudantium reiciendis distinctio temporibus veritatis omnis modi recusandae.</div>
      <div>Tenetur omnis voluptates voluptatum eum, nesciunt, facere dolor incidunt doloribus ipsam pariatur sint eveniet fuga expedita ea vel corporis dolores commodi quos neque, sit. Itaque vero ratione ab, veritatis corporis?</div>
        <div>Deserunt, ut natus possimus esse maiores, fugiat accusamus sit eveniet repudiandae laborum ipsum quae! Provident, rem repellat inventore cum minima veniam...

SCSS

.container{
  min-height: 449px;
  position: relative;
  background-image: url(http://s018.radikal.ru/i524/1701/57/04977bc315b6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.wrapper{
  padding: 40px 0;
  width: 70%;
  margin: 0 auto;
  color: #fff;
}

.search_bg{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url(http://s002.radikal.ru/i198/1701/f6/b574a41380c1.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}