JSFiddle - React, Tailwind, and code Playground

by aka_SKIff

HTML

<div></div>

CSS

div {
  position: relative;
  width: 300px;
  height: 300px;
  background-image: url('https://dummyimage.com/300x300/000/fff');
}

div:before {
  content:'';
  width: 150px;
  height: 150px;
  background-size: contain;
  background-image: inherit;
  position: absolute;
  left: 10px;
  top: 10px;
  outline: 2px solid #fff;
}