JSFiddle - React, Tailwind, and code Playground

HTML

Sprite background stretch
with CSS background-size
<div id="sprite1">
    Dragon
</div>

Sprite background stretch with transform
<div id="sprite2">
    Dragon
</div>

<b>Original sprite sheet</b>
<img src="http://www.playa.cc/pic/dragonlord_icefog.png" />

CSS

#sprite1{
    height: 80px; /* 64px * 1.25 */
    width: 80px;  /* 64px * 1.25 */
    background-image:url(http://www.playa.cc/pic/dragonlord_icefog.png);
    background-position: -0px -560px; /* -448px * 1.25 */
    border:10px solid gray;
    background-size:640px 640px; /* 512px * 1.25 */
}

#sprite2{
    height: 64px; 
    width: 64px;
    background-image:url(http://www.playa.cc/pic/dragonlord_icefog.png);
    background-position: -0px -448px;
    border:10px solid gray;
    transform:scale(1.25);
    /* additional to compensate the position shift */
    position:relative;
    top:10px;
    left:10px;
}