JSFiddle - React, Tailwind, and code Playground

by Mojtaba Sabeti

HTML

<div><strong>fdxgfdgxghxdmdxhdxgx</strong></div>

CSS

div {
  color: #fff;
  min-height: 400px;
  position: relative;
  text-align: center;
}
div::before {
    background-image: url("http://pinthis.pixelbeautify.com/wp-content/uploads/2016/07/mountains-889131_1280-720x480.jpg");
    background-size: cover;
    content: "";
    filter: brightness(0.2);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
strong {
    position: relative;
    z-index: 1;
}