JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="circle box">
        <img src="http://i.imgur.com/4JtXH2S.png">
        <div class="circle text">
            70
        </div>
    </div>
    <div class="circle box">
        <img src="http://i.imgur.com/4JtXH2S.png">
        <div class="circle text">
            70
        </div>
    </div>
    <div class="circle box">
        <img src="http://i.imgur.com/4JtXH2S.png">
        <div class="circle text">
            70
        </div>
    </div>
    <div class="circle box">
        <img src="http://i.imgur.com/4JtXH2S.png">
        <div class="circle text">
            70
        </div>
    </div>
    <div class="circle box">
        <img src="http://i.imgur.com/4JtXH2S.png">
        <div class="circle text">
            70
        </div>
    </div>
    <div class="circle box">
        <img src="http://i.imgur.com/4JtXH2S.png">
        <div class="circle text">
            70
        </div>
    </div>
</div>

CSS

.container {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: auto;
    flex-wrap: wrap;
}

.container .circle.box {
    width: 33.33%;
    width: calc(100% / 3);
    height: auto;

	position: relative;           /* NEW */
}

.circle.box img {
    width: 100%;
    max-width: 66px;
}

.circle.box .text {
    font-size: 30px;
		
	position: absolute;               /* NEW */
	top: 0;                           /* NEW */
	left: 0;                          /* NEW */
	transform: translate(50%, 50%);   /* NEW */

}