JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {position:relative; width:200px; height:200px; border-radius:50%; border:2px gold solid;
background:#fff url(https://k60.kn3.net/taringa/8/A/7/E/3/0/optimus86/A4F.jpg) no-repeat; background-size:cover;}
div::after {
  display:block;
  content: "";
  position: absolute;
  left: 8%;
  bottom:-2px;
  background: #fff;
  height:calc(25% - 6px);
  width: 84%;
  border-top:2px gold solid
}