.dnd-section:has(.bubble){overflow-x:clip}.bubble{position:absolute;width:clamp(5rem,20vw,40rem);z-index:9}.bubble--left{left:0}.bubble--center,.bubble--left{transform:translate(-50%,-50%)}.bubble--center{left:50%}.bubble--right{right:0;transform:translate(50%,-50%)}.bubble--clip-top{mask-image:linear-gradient(0deg,#000 50%,transparent 0)}.bubble--clip-bottom{mask-image:linear-gradient(180deg,#000 50%,transparent 0)}