JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sixs">
<div class="sixs_div">
<div class="foto">
<div class="foto-img">
    <img src="https://nmark.ru/cache/images/85175db081b0348733225c3d647dd3b4.png" alt="John">
</div>
</div>
  <p class="title">Превратим ваши пожелания в техзадание</p>
 </div>
<div class="sixs_div">
<div class="foto">
<div class="foto-img">
    <img src="https://nmark.ru/cache/images/85175db081b0348733225c3d647dd3b4.png" alt="John">
</div>
</div>
  <p class="title">Проанализируем выдачу в
google</p>
 </div>
 <div class="sixs_div">
<div class="foto">
<div class="foto-img">
    <img src="https://nmark.ru/cache/images/85175db081b0348733225c3d647dd3b4.png" alt="John">
</div>
</div>
  <p class="title">Выделим именно вашу
целевую аудиторию</p>
 </div>
 <div class="sixs_div">
<div class="foto">
<div class="foto-img">
    <img src="https://nmark.ru/cache/images/85175db081b0348733225c3d647dd3b4.png" alt="John">
</div>
</div>
  <p class="title">Проанализируем все
правильную структуру</p>
 </div>
 <div class="sixs_div">
<div class="foto">
<div class="foto-img">
    <img src="https://nmark.ru/cache/images/85175db081b0348733225c3d647dd3b4.png" alt="John">
</div>
</div>
  <p class="title">Установим систему
управления сайтом.</p>
 </div>
 <div class="sixs_div">
<div class="foto">
<div class="foto-img">
    <img src="https://nmark.ru/cache/images/85175db081b0348733225c3d647dd3b4.png" alt="John">
</div>
</div>
  <p class="title">Заполним сайт вашими
материалами</p>
 </div>
</div>

CSS

.sixs {
    display: flex;
    justify-content: space-between;
    
}
.sixs_div {
  width: 25%;
  height: 250px;
  margin: auto;
  text-align: center;
  font-family: arial;
  padding-top: 30px;
  
}
.foto{
  position: relative;
  z-index: 1;

}
.foto img{
  position: relative;
  width: 70px;
  height: 70px;  

}
.foto-img {
  display: flex;
    justify-content: center;
  position: relative;
}
.foto-img:after {
    position: absolute;
    content: '';
    width: 77px;
    height: 77px;
    background-color: #ffc41b;
    border-radius: 10em;
  margin-left: -27px;
    z-index: -1;
}
.title {
  color: grey;
  font-size: 15px;
  padding: 5px 12px;
  line-height: 1.5;
}
@media (max-width: 950px) {
  .sixs {
    flex-wrap: wrap;
    
  }
.sixs_div {
  flex-grow: 2;
    width: 50%;
}

@media (max-width: 760px) {
  .sixs {
    flex-wrap: wrap;
    
  }
.sixs_div {
  flex-grow: 1;
    width: 40%;
}