Results Summary Component Using Tailwind CSS

Used Tailwind CSS to create this component. Any feedback is welcome!

Questions on best practice: In creating the circle, I did the following:

<div class="flex justify-center items-center">
<div
class="flex justify-center items-center rounded-full w-52 h-52 bg-gradient-to-b from-violet-blue to-persian-blue"
>
<div class="flex flex-col">
<p class="text-7xl text-white font-bold">76</p>
<p class="text-light-lavender">of 100</p>
</div>
</div>
</div>

Is there another way one would implement this to minimize the number of divs?