.container[data-v-efb12a28]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-efb12a28]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-efb12a28],.container .flex-row-wrap-center-center[data-v-efb12a28]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-efb12a28]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-efb12a28],.container .test[data-v-efb12a28]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo .avatar[data-v-efb12a28]{width:300px;height:300px;background:url(../img/your_name.9680fa8d.jpg);background-position:50%;background-size:cover;border-radius:50%;position:relative;cursor:pointer}.container .test .demo .avatar[data-v-efb12a28]:after,.container .test .demo .avatar[data-v-efb12a28]:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:50%}.container .test .demo .avatar[data-v-efb12a28]:before{background:rgba(0,0,0,.5)}.container .test .demo .avatar[data-v-efb12a28]:after{background:inherit;clip-path:circle(0 at 50% 50%);transition:.5s}.container .test .demo .avatar[data-v-efb12a28]:hover:after{background:inherit;clip-path:circle(50% at 50% 50%)}