<style>
div {
    width: 100px;
    height: 100px;
    margin: 5px;
    display: inline-block;
    border: 1px solid black;
    box-sizing: border-box;
}
.normal {
    background-image: -webkit-named-image(wireless-playback);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.mask {
    -webkit-mask-image: -webkit-named-image(wireless-playback);
    -webkit-mask-size: 100% 100%;
    background-color: blue;
}
</style>
<div class="normal" ></div>
<div class="normal" style="background-size: 50px 50px"></div>
<div class="normal" style="background-size: 50px 50px; background-position: 50% 50%"></div>
<div class="normal" style="width: 150px"></div>
<div class="normal" style="height: 150px"></div>
<div class="normal" style="width: 200px; height: 200px; background-repeat: repeat; background-size: 50px 50px"></div>
<div class="mask"></div>
