demo-container { display: block; border: 2px solid rgb(189, 189, 189); padding: 25px 10px 10px; border-radius: 4px; width: fit-content; }
demo-object { display: block; background-color: rgb(224, 255, 253); }
.bg-rect { x: 0px; y: 0px; width: 200px; height: 120px; fill: rgb(79, 142, 247); mask: url("#mask"); }
.mask-bg { x: 0px; y: 0px; width: 300px; height: 180px; fill: rgb(255, 255, 255); }
.mask-circle { cx: 100px; cy: 60px; r: 50px; fill: rgb(176, 176, 176); }
.element {mask-type: alpha;}
#mask { mask-type: inherit; }