.shots{position:relative;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.shot{position:absolute;height:auto;border-radius:14px;box-shadow:var(--shot-shadow);will-change:transform}

.shots-hero{height:600px;max-width:1000px;margin:0 auto}
.shots-hero .shot-chat{left:50%;top:0;width:620px;margin-left:-300px;z-index:1}
.shots-hero .shot-servers{left:50%;top:70px;width:80px;margin-left:-370px;z-index:2}
.shots-hero .shot-members{left:50%;top:150px;width:230px;margin-left:250px;z-index:2}

.shots-community{height:520px}
.shots-community .shot-channels{left:0;top:30px;width:56%;z-index:1}
.shots-community .shot-members{right:0;top:150px;width:50%;z-index:2}

.shots-social{height:560px}
.shots-social .shot-dm{left:0;top:40px;width:80%;z-index:1}
.shots-social .shot-friends{right:0;top:170px;width:42%;z-index:2}