.target {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.target-v
{
	position:relative;
}

.alpha-target {
  -webkit-mask-image: url('../images/mask1.png');
          mask-image: url('../images/mask1.png');
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;    
          width: 246px;
    height: 241px;
    object-fit: cover;
    position:relative;
}

.mask-c
{
    position: absolute;
    left: 35px;
    top: 90px;
    width: 81px;
    height: 73px;
}

.luminance-target {
  -webkit-mask-image: url('../images/mask2.png');
          mask-image: url('../images/mask2.png');
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;    
          width: 258px;
    height: 241px;
    object-fit: cover;
    position:relative;
}


.mask-u
{
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 55px;
    height: 79px;
}
.mask-pos-top .mask-pos-target {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}

.mask-pos-bottom .mask-pos-target {
  -webkit-mask-position: 100% 100%;
          mask-position: 100% 100%;
}

.mask-size-target {
  -webkit-mask-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/234228/alpha-cat.png);
          mask-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/234228/alpha-cat.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

.mask-size-half .mask-size-target {
  -webkit-mask-size: 50%;
          mask-size: 50%;
}

.mask-size-contain .mask-size-target {
  -webkit-mask-size: contain;
          mask-size: contain;
}