Подключай masonry, будет тебе счастье. Причем не нужно будет захламлять cms лишними плагинами
masonry

Разобрался, вот:

$('#odometer-cons').viewportChecker({
  classToAdd: 'counter-start',
  callbackFunction: function(elem, action){

    setTimeout(function(){
      $('#odometer-cons').html('1108');
    }, 1000);
    
  },
});
$('#odometer-clients').viewportChecker({
  classToAdd: 'counter-start',
  callbackFunction: function(elem, action){

    setTimeout(function(){
      $('#odometer-clients').html('827');
    }, 1000);
    
  },
});
$('#odometer-pro-bono').viewportChecker({
  classToAdd: 'counter-start',
  callbackFunction: function(elem, action){

    setTimeout(function(){
      $('#odometer-pro-bono').html('124');
    }, 1000);
    
  },
});
$('#odometer-days').viewportChecker({
  classToAdd: 'counter-start',
  callbackFunction: function(elem, action){

    setTimeout(function(){
      $('#odometer-days').html('6');
    }, 1000);
    
  },
});

Но пришлось продублировать функции. Можно ли как то сократить этот код, чтобы было красиво и правильно?
Дело в том, что на мобильном при просмотре влазит только 1 счетчик, и нужно чтобы только он проигрывался, остальные ждали

Не обязательно делать через класс, можно и через nth-child сделать, тем более если как на скрине 3 элемента

А если именно классы к div, то от фантазии зависит:
1) Можно задать переменную $i = 1, для div прописать класс .class-$i++
2) либо в ACF создать поле для записей - чекбокс, если мало классов, либо текстовое поле если нужно много имен классов, и потом это поле соот-но выводишь в класс
Уверен можно еще придумать много вариантов

Все просто, берешь https://github.com/hilios/jQuery.countdown и с помощью ACF передаешь в него дату и время.
Если сайт работает на много регионов, то https://momentjs.com/ нужно поставить дополнительно для часовых поясов

<?php the_content()?> вывод контента страницы