SOURCE

<div class="t1">
    <div class="t2"></div>
    <div class="hat"></div>
</div>

.t1 {
    position: relative;
    width: 200px;
    height: 200px;
    background: url(https://img0.baidu.com/it/u=3020389612,960734631&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800) no-repeat center/cover;
}
.t2 {
    position: absolute;
    top: 47px;
    left: 74px;
    width: 71px;
    height: 21px;
    background: #ffffff;
}
.hat {
    position: absolute;
    top: 18px;
    left: 64px;
    width: 90px;
    height: 50px;
    background: url(http://t15.baidu.com/it/u=3739874649,3428163972&fm=224&app=112&f=JPEG?w=500&h=500) no-repeat center/cover;
    mix-blend-mode:multiply;
}