JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-lg-4 red-icon ri-earth"><span class="yellow"><span class="red"></span></span>Наши Центры</div>
<div class="col-lg-4 red-icon ri-grad">Наши Центры</div>
<div class="col-lg-4 red-icon ri-cup">Наши Центры</div>

CSS

/* !!! */ .col-lg-4 { width:33.3333%; float:left;}

.red-icon { position:relative; padding-top:180px; outline:1px solid red; text-align:center;}
.yellow {
  margin:0 0 0 -75px;
  position:absolute; left:50%; top:0;
  width:140px; height:140px; background:yellow;
  border:5px solid rgba(0,0,255,0.1); border-radius:50%;
}
.red{
  position:absolute; left:50%; top:50%;
  transform:translate(-50%, -50%);
  background:#f00;
  width:24px; height:24px;
}