.metrics_number.count_animation { position: relative; display: flex; justify-content: center; overflow: hidden; align-items: center; height: 70px;}
.metrics_number.count_animation span { display: flex;flex-direction: column;height: 100%; transition: transform 2s ease; transform: translateY(0); line-height: 1;}
.count_animation {letter-spacing: 2px;line-height: 1;position: relative;display: flex;justify-content: center;overflow: hidden;align-items: center;height: 50px;
  span {display: flex; flex-direction: column; height: 100%; transition: transform 2s ease; transform: translateY(0); line-height: 1; 
    span {flex: 0 0 100%; height: 100%;}
  }
  $d: 0;
  $inc: 0.375;
  @for $i from 1 through 20 {
    &:nth-child(#{$i}) > span {transition-delay: #{$d * 1s};}$d: $d + $inc;
  }
}
.metrics_number span[data-value] { will-change: transform;}
.metrics_number span[data-value=" "] { padding-right: 8px;}

@media(max-width:767px){ 
.metrics_number.count_animation { height: 40px;}
}