.container[data-v-cb60f916]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-cb60f916]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-cb60f916],.container .flex-row-wrap-center-center[data-v-cb60f916]{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-cb60f916]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-cb60f916]{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 .img-container[data-v-cb60f916]{width:300px;height:300px;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.container .test .img-container .img-item[data-v-cb60f916]{box-shadow:inset 0 0 0 1px #fff;transition:.5s;background-size:300px 300px;background-image:url(../img/your_name.9680fa8d.jpg);position:relative}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(3n+1){left:-20px;background-position-x:0}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(3n+2){left:0;background-position-x:-100px}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(3n+3){left:20px;background-position-x:-200px}.container .test .img-container .img-item[data-v-cb60f916]{top:20px;background-position-y:-200px}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(-n+6){top:0;background-position-y:-100px}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(-n+3){top:-20px;background-position-y:0}.container .test .img-container:hover .img-item[data-v-cb60f916]{left:0;top:0;box-shadow:inset 0 0 0 0 #fff}