Как прижать описание к низу и не потерять бэкграуд у фона?

вроде разобралась. у сожалению, данное поведение является багом в firefox.

вам надо в элемент с классом steps__pic добавить div, которому выставить высоту при помощи padding-top.

пример html:

<div class="steps__pic" style="background-image: url(http://lorempixel.com/output/city-q-c-640-480-7.jpg)">
  <div class="steps__pic-inside"></div>
</div>

css:

.steps__pic {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: -10px;
  margin-bottom: 0;
}

.steps__pic-inside {
  padding-top: 61%;
}

в .steps__item вернуть

display: flex;
 flex-direction: column;