JSFiddle - React, Tailwind, and code Playground

by Adrián Gómez Llorente

HTML

<div class="wrapper">
  <div class="foo"></div>
</div>

CSS

.foo {
  background-image: url("https://o3001-b41562-p1-h8b-t2833a6.1.cdn.telefonica.com/_41562/_-_eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IlkyUnVPakUyTnpNek16azBNREk9In0.eyJpYXQiOjE2NzM1MjYwNjAsInVpZCI6IksxUWt0NmNNM1oyNHRJbVZ4TVlsS0lJaUFTZFBaUVZOYTFGNWdLcjhUQ0lsUG1wSjA0UmFKcF9ZekQ0NkN3bzgifQ.GxznRoDumAxv6FwMJoJXLrXyb8rWCphzfwRdApdXtn2JlFaRj_uNHhhRFK1lkjfJXJ9kzSDAFyTM_SfNojGepg_-_/01/03/67/103678353_3A6675251D4026CD/_thumbnail_1_7.jpg");
  width: 86px;
  height: 48px;
  background-position: -86px -48px;
  background-repeat: no-repeat;
  transform: scale(7.52);
  transform-origin: top left;
  
}

.wrapper {
  position: relative;
  width: 640px;
  height: 360px;
  background-color: red;
}