JSFiddle - React, Tailwind, and code Playground

by Jens Kühn

HTML

<div>

</div>

SCSS

div {
  position: relative;
  width: 400px;
  height: 200px;
  background-color: rgba(255, 0, 0, .5);
  &::after,
  &::before {
    content: 'OFFLINE';
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  &::after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/ca/1x1.png');
    background-size: cover;
    background-position: center;
  }
}