:root{--circle-size:38vw;--circle-position:-19vw}.u-green-circle{overflow:hidden;position:relative}.u-green-circle::before{content:"";display:block;height:var(--circle-size);width:var(--circle-size);background:#34cb00;border-radius:50%;position:absolute;opacity:.5}.u-green-circle--top-left::before{left:var(--circle-position);top:var(--circle-position)}.u-green-circle--top-right::before{right:var(--circle-position);top:var(--circle-position)}.u-green-circle--bottom-right::before{right:var(--circle-position);bottom:var(--circle-position)}.u-green-circle--bottom-left::before{left:var(--circle-position);bottom:var(--circle-position)}