.container[data-v-0ffdac66]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-0ffdac66]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-0ffdac66],.container .flex-row-wrap-center-center[data-v-0ffdac66]{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-0ffdac66]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-0ffdac66]{width:100%;height:25%}.container .content .action[data-v-0ffdac66],.container .content[data-v-0ffdac66]{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 .content .action[data-v-0ffdac66]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .content .action .tip[data-v-0ffdac66]{color:gold;font-size:.9em}.container .test[data-v-0ffdac66]{width:100%;height:75%;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 .image[data-v-0ffdac66]{width:60%;height:80%;background:url(../img/your_name.9680fa8d.jpg) no-repeat;background-size:cover;background-position:50%;position:relative}.container .test .image .modal[data-v-0ffdac66]{width:100%;height:100%;position:absolute;right:0;transition:2s;border-left:2px solid #333;backdrop-filter:grayscale(1)}.container .test .image:hover .modal[data-v-0ffdac66]{width:0}