[data-lazy] {
  background-position: center;
  background-size    : cover;
  background-repeat  : no-repeat;
  display            : block;
  position           : relative;
}

[data-lazy]::before {
  content            : "";
  position           : absolute;
  inset              : 0;
  background-image   : url(preloader.svg);
  background-position: center;
  background-repeat  : no-repeat;
  background-color   : transparent;
  transition         : opacity 0.25s ease-in-out;
  pointer-events: none;
}

[data-lazy] * {
  z-index: 2;
}

[data-lazy].loaded::before {
  opacity: 0;
}