Все картинки разного размера, как выровнять их все по горизонтали, чтобы текст после этого не "плавал" и сохранить логику item-ов. Образец того, что должно получится на картинке.
.features {
padding: 115px 0 100px;
background-color: #f6f6f6;
}
.features__inner {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.features__item {
text-align: center;
width: 25%;
padding: 0 30px;
}
.features__title {
font-family: 'Proxima Nova Bold';
font-size: 30px;
margin-bottom: 10px;
}
.features__text {
font-family: 'Proxima Nova Regular';
font-size: 18px;
color: #5e6372;
line-height: 1.6;
}
<div class="features">
<div class="container">
<div class="features__inner">
<div class="features__item">
<img class="features__img" src="http://via.placeholder.com/25x25/33ff99/555555?text=PNG-1" alt="">
<div class="features__title">From air</div>
<div class="features__text">Pellentesque eget nunc sit amet urna ullamcorper fermentum et eu leo.</div>
</div>
<div class="features__item">
<img class="features__img" src="http://via.placeholder.com/25x25/33ff99/555555?text=PNG-2" alt="">
<div class="features__title">Best drones</div>
<div class="features__text">Pellentesque eget nunc sit amet urna ullamcorper fermentum et eu leo.</div>
</div>
<div class="features__item">
<img class="features__img" src="http://via.placeholder.com/25x25/33ff99/555555?text=PNG-3" alt="">
<div class="features__title">Speed</div>
<div class="features__text">Pellentesque eget nunc sit amet urna ullamcorper fermentum et eu leo.</div>
</div>
<div class="features__item">
<img class="features__img" src="http://via.placeholder.com/25x25/33ff99/555555?text=PNG-4" alt="">
<div class="features__title">Long range</div>
<div class="features__text">Pellentesque eget nunc sit amet urna ullamcorper fermentum et eu leo.</div>
</div>
</div>
</div>
</div>