JSFiddle - React, Tailwind, and code Playground

by CBroe

HTML

<div>
<span></span>
</div>

<div class="d2">
<span></span>
</div>

CSS

div { width:100px; height:100px; overflow:hidden; }
span {  display:block; width:1000px; height:1000px; background:url(https://i-download.imgflip.com/4h8q5f.gif) no-repeat center; background-size:contain; transform:scale(.1); transform-origin:top left; }
.d2 span { width:100px; height:100px;transform:none; }