JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="box"></div>
</div>

CSS

#wrapper {
    width: 300px; height: 300px;
    border-radius: 100px;
    overflow: hidden;
    position: absolute; /* this breaks the overflow:hidden in Chrome/Opera */
}

#box {
    width: 300px; height: 300px;
    background-color: #cde;
}