<!DOCTYPE html>
<style>
#target {
  height: 150px;
  width: 210px;
  background-color: green;
  -webkit-mask-image: url("../../images/resources/green-100.png"),
                      url("../../images/resources/green-100.png");
  -webkit-mask-size: 100px 100px;
  -webkit-mask-repeat: space, space;
  -webkit-mask-composite: source-in;
  mask-image: url("../../images/resources/green-100.png"),
              url("../../images/resources/green-100.png");
  mask-size: 100px 100px;
  mask-repeat: space, space;
  mask-composite: intersect;
}
</style>
<div id="target"></div>