JSFiddle - React, Tailwind, and code Playground

by pierian_design

HTML

<span></span>

CSS

span {
    display: block;
    height: 9px;
    background: url(https://cdn.apps4gs.com/aapgate/html/promo-compare/assets/stars/stars.png) repeat-x;
    background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
    only screen and (min--moz-device-pixel-ratio: 2), 
    only screen and (-o-min-device-pixel-ratio: 2 / 1), 
    only screen and (min-device-pixel-ratio: 2), 
    only screen and (min-resolution: 192dpi), 
    only screen and (min-resolution: 2dppx)
{
    span {
      background: url(https://cdn.apps4gs.com/aapgate/html/promo-compare/assets/stars/stars-2x.png) repeat-x;
      background-size: 9px 18px;
    }
}