How to make a circle in a split background-image frame in Reactjs

How to create a similar circle (image below) with JSX and can replace image into frame in Reactjs, someone please help me, thanks a lot.