.block__item {
  max-width: 50px;
  width: 100%;
}

.block__text {
  position: relative;
  padding-left: 20px;
}

.block__text::after {
  position: absolute;
  content: ' ';
  top: 30px;
  background-color: red;
  width: 2px;
  left: 35px;
  height: 250px;
}

img{
  margin-top: 260px;
  width: 30px;
  display: block;
  margin-left: 20px;
}

Нельзя верстать на фактических еденицах. Перейди на относительные. А медиа запросы это хорошо. И много их не бывает. Хоть через 1 пиксель.