JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div id="whatever-bitch">
  <p>Hello</p>
</div>

CSS

#whatever-bitch {
   background:url(https://images.pexels.com/photos/371633/pexels-photo-371633.jpeg?auto=compress&cs=tinysrgb&h=350) no-repeat 0 0;
   width:300px;
   height:300px;
   display:flex;
}
#whatever-bitch p {
  background:black;
  width:200px;
  height:200px;
  text-align:center;
  font-weight:bold;
  font-size:50px;
  color:#fff;
  margin:auto;
  line-height: 200px;
  font-family:Arial;
  mix-blend-mode:multiply;
}