.personal{ .box{ width: 100%; height: 200px; position: relative; .bg-cover{ width: 100%; height: 200px; top: 0; left: 0; object-fit:cover; position: absolute; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } .avatar{ position: absolute; left: calc(50% - 71px); bottom: -71px; .img{ @include img-size(142px,142px); border-radius: 71px; } } } .box-block{ display: block; height: 71px; width: 100%; } .tag{ background: linear-gradient(104deg, #1DD0DF -2%, #1DD0DF -2%, #1BEDFF -2%, #14BDEB 108%); padding: 5px 15px; font-size: 12px; border-radius: 20px; } }