Наша команда для сайта на HTML и CSS

<div class="kadupis-decung">
  <h1>Наша команда</h1>
  <div class="cumconevu">
  <div class="volupavum">
  <div class="vumkob-salovum">
  <img src="http://zornet.ru/_fr/83/5557008.jpg" alt="Ключевые слова">
  </div>
  <h3>Иванов иван</h3>
  <p class="role">Дизайнер</p>
  <p>Здесь краткое описание по его делам.</p>
  </div>
  <div class="volupavum">
  <div class="vumkob-salovum">
  <img src="http://zornet.ru/_fr/83/9342973.jpg" alt="Ключевые фразы">
  </div>
  <h3>Жанна д'Арк</h3>
  <p class="role">Администратор</p>
  <p>Кратко по теме этого админа.</p></div>
  <div class="volupavum">
  <div class="vumkob-salovum">
  <img src="http://zornet.ru/_fr/83/5566978.jpg" alt="Ключевое слово под изображение">
  </div>
  <h3>Павлик Морозов</h3>
  <p class="role">Модератор</p>
  <p>Путеводитель по интернет ресурсу.</p>
  </div>
  </div>
</div>

.kadupis-decung{
  margin-top: 50px;
}

.kadupis-decung h1{
  font-family: 'Allura', cursive;
  font-size: 52px;
  margin-bottom: 60px;
  text-align: center;
}

.cumconevu{
  display: flex;
  justify-content: center;
  width: auto;
  text-align: center;
  flex-wrap: wrap;
}

.cumconevu .volupavum {
  background: #fdfafa;
  margin: 4px;
  margin-bottom: 50px;
  width: 315px;
  padding: 18px;
  line-height: 20px;
  color: #888dad;
  position: relative;
}

.cumconevu .volupavum h3{
  color: #81c644;
  font-size: 26px;
  margin-top: 50px;
}

.cumconevu .volupavum p.role {
  color: #676363;
  margin: 10px 0;
  font-size: 13px;
  text-transform: uppercase;
}

.cumconevu .volupavum .vumkob-salovum{
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
}

.cumconevu .volupavum .vumkob-salovum img{
  width: 100px;
  height: 100px;
  padding: 5px;
}