Здравствуйте. Никак не могу разобраться как решить такую задачу. Верстаю блок - сверху картинка, под ней текст. И все хорошо,но картинка первого блока чуть больше других, и поэтому текст под ней уезжает вниз. Возможно ли внутри флекс контейнера поднять только один элемент, чтобы текст выровнялся с остальным? Какие могут быть решения этой задачки?
HTML
<div class="about_img">
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
</div>
CSS
.about_img {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.about_item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-align-items: center;
align-items: center;
font-family: FRAMDCN;
font-size:18pt;
line-height:1;}