.bg-box{position:absolute;top:0;right:0;z-index:-1;width:100%;height:100%;max-width:10.2rem;overflow:hidden;}
.div-left-top{position:absolute;top:0;left:0;width:12.745%;padding-top:38.235%;transform-origin:left top;}
.div-left-top.bg-color{background-color:#bb8acb;margin-left:14.745%;margin-top:6%}
.div-left-top:not(.bg-color){border:1px solid #fff;}
.div-right-bottom{position:absolute;bottom:0;right:0;width:12.745%;padding-top:68.235%;transform-origin:bottom right;}
.div-right-bottom.bg-color{background-color:#6a6ba7;margin-right:14.745%;}
.div-right-bottom:not(.bg-color){border:1px solid #fff;}
.bg-img-box{position:absolute;top:0;left:0;width:28.824%;padding-top:28.824%;background-color:#fff;transform:rotate(45deg);box-shadow:0 0 .3rem rgba(0,56,76,.2);}
.bg-img-box.shape1{margin-top:7.8%;margin-left:48.6%;}
.bg-img-box.shape2{margin-top:27%;margin-left:19.2%;width:34.884%;padding-top:34.884%;}
.bg-img-box.shape3{margin-top:65.5%;margin-left:36%;}
.bg-img-box.shape4{margin-top:64%;margin-left:24%;width:17.784%;padding-top:17.784%;}
.bg-img-box>div{position:absolute;top:2%;left:2%;right:2%;bottom:2%;overflow:hidden;}
.bg-img-box>div>img{display:block;width:145%;height:145%;margin:-22.5%;object-fit:cover;transform:rotate(-45deg);}
.bg-img-box.shape4>div>img{width:100%;height:100%;margin:0;transform:none}