.con{flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:relative}.box{width:300px;height:450px;position:relative;overflow:hidden}.box:before{content:"";z-index:1;background:0 0;border-radius:50%;width:300px;height:300px;position:absolute;bottom:0;left:0;box-shadow:0 100px 0 40px #fff}.box:after{content:"";box-sizing:border-box;border:6px solid #0000;border-bottom-color:#8c7af1;border-radius:50%;width:300px;height:300px;position:absolute;bottom:0;left:0}.box .circle{background:#fff;border:6px solid #8c7af1;border-radius:50%;width:300px;height:300px;position:absolute;bottom:0;left:0;overflow:hidden}.box .circle Image,.box Image{height:450px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}