Как расположить элементы равноудалённо внутри flex контейнера?

Как расположить элементы внутри flex контейнера так, как показано на картинке, не прибегая к margin?

Есть вот такой код https://codepen.io/tomatobrains/pen/JjGQZGq . Я пытался и через flex-grow и flex-basis, но ничего не получалось, текст в одну линию не становится.

по

 <div class="indications__content">
            <div class="indications__content-item">
                <div class="indications__content-img">
                    <img src="img/masage/indications/ind1.png" alt="">
                </div>
                <div class="indications__content-subtitle">
                    <p class="bold">Жировые отложения
                        в проблемных зонах </p>
                </div>
                <div class="indications__content-text">
                    Обычно целлюлит возникает на определённых участках тела – животе, бедрах, руках, ягодицах и в
                    области второго подбородка. Среди причин появления: гормональный сбой, курение, лишний вес,
                    малоподвижный образ жизни.
                </div>
            </div>
            <div class="indications__content-item">
                <div class="indications__content-img">
                    <img src="img/masage/indications/ind1.png" alt="">
                </div>
                <div class="indications__content-subtitle">
                    <p class="bold">Профилактика целлюлита </p>
                </div>
                <div class="indications__content-text">
                    Актуальна для всех женщин, независимо от возраста и телосложения. Ведь проще болезнь предупредить,
                    чем потом долго и упорно лечить.
                </div>
            </div>
            <div class="indications__content-item">
                <div class="indications__content-img">
                    <img src="img/masage/indications/ind1.png" alt="">
                </div>
                <div class="indications__content-subtitle">
                    <p class="bold">Формирование узлов и
                        бугристой поверхности кожи </p>
                </div>
                <div class="indications__content-text">
                    На этом этапе наличие целлюлита уже очевидно, а массаж помогает остановить его развитие.
                </div>
            </div>
            <div class="indications__content-item">
                <div class="indications__content-img">
                    <img src="img/masage/indications/ind1.png" alt="">
                </div>
                <div class="indications__content-subtitle">
                    <p class="bold">Отечный вид кожи, нарушение
                        циркуляции крови и лимфы </p>
                </div>
                <div class="indications__content-text">
                    Как правило, эти признаки свидетельствуют о начальной стадии липодистрофии. Обратившись вовремя к
                    врачу, можно предотвратить появление «апельсиновой корки».
                </div>
            </div>
        </div>
.indications {
  padding: 30px 0;
  &__content {
    display: flex;
    &-item {
      width: 25%;
      display: flex;
      flex-direction: column;
      margin-right: 2vw;
      text-align: center;
    }
    & div:nth-of-type(4) {
      margin-right: 0;
    }
    &-img {
      margin-bottom: 2vw;
    }
    &-subtitle {
      margin-bottom: 1.5vw;
    }
    &-text {
      font-size:18px;
    }
  }
}

Ответы (0 шт):