How to add Circle shape in a rectangle div [duplicate]

Question

I wanted to add a circle shape in the middle of a rectangle div like this:

Here is the html:

<div class="p-5 mb-3 mainInfo"></div>

And with this CSS:

.mainInfo{
  background-color: #fff;
  border: .01rem round #e0e1ed;
  border-radius: 20px;
  color: #585CA1;
}

And this is how the rectangle div looks like:

So how can I add circle in the middle of this div?