.hero-symbol{mask-image:radial-gradient(ellipse at center,#000 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 100%);mix-blend-mode:multiply}
.page:has(.profile-grid)>.hero:after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);width:300px;height:170px;background:url('./assets/profile.png') center/contain no-repeat;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 100%);mix-blend-mode:multiply}
.main:has(.profile-grid) .page>.hero:after{right:auto;bottom:auto;border:0;border-radius:0;opacity:1;z-index:0;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 100%);background:url('./assets/profile.png') center/contain no-repeat}