JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="test">
  <img src="https://wallup.net/wp-content/uploads/2015/06/Goldish-cat-smiles.jpg" alt="">
</div>

CSS

.test {
  position: relative;
  height: 200px;
  background: pink;
}
  .test img {
    height: 100%;
  }

.test::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://wallup.net/wp-content/uploads/2015/06/Goldish-cat-smiles.jpg) center no-repeat;
  height:50px;
  width: 50px;
  background-size: cover;
}