JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-12 bg-img">

<div>Italy has never been so close</div>

</div>

CSS

.bg-img {
  display: table;
  width: 100%;
  height: 100px;
  text-align: center;
  background: #999 url("http://p1.pichost.me/i/15/1380265.jpg") no-repeat fixed center;
}

.bg-img div {
  display: table-cell;
  vertical-align: middle;
width:10px;
  font-weight:700;
}