Demo: CSS mask-repeat

<div class='masked-box'></div>

.masked-box {
  width: 200px;
  height: 200px;
  background-color: #3498db;
  -webkit-mask-image: url('https://via.placeholder.com/100');
  mask-image: url('https://via.placeholder.com/100');
  mask-repeat: repeat;
  mask-size: 50px 50px;
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: 50px 50px;
}

// No JavaScript required for this demo