<style>
    .hidden {
        display: none;
    }
</style>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // В переменных ниже нужно указать ID блоков, которые будут скрываться
        let firstSection = document.querySelector('#rec379654166');
        let secondSection = document.querySelector('#rec379656124');
        let thirdSection = document.querySelector('#rec379656198');
        // Указанная ниже дата для тестов, ее нужно вставить в строку new Date(''), в кавычки ''
        // Можно указывать любое время
        // November 16, 2021 16:24:00
        
        var date = new Date(''),
            dateHours = date.getHours();
            dateMinutes = date.getMinutes(),
            Month = date.getMonth()+1,
            Year = date.getFullYear();
        
        // Сравнение идет тут
        // Первое сравнение всегда самое маленькое
        // Если у пользователя меньше 12 часов, то нужно показать блок 1, а второй и третий скрыть
        // За это отвечает класс hidden
        // Т.е. если наоборот нужно скрыть первый блок, а показать третий, то нужно написать 
        // firstSection.classList.add('hidden');
        // secondSection.classList.add('hidden');
        if (dateHours < 12) {
            secondSection.classList.add('hidden');
            thirdSection.classList.add('hidden');
        // Если у пользователя больше 12 часов, но меньше 17, то покажется второй блок, а остальные скроются
        } else if (dateHours > 12 && dateHours < 17 ) {
            firstSection.classList.add('hidden');
            thirdSection.classList.add('hidden');
        // Если часов больше 17, т.е. все остальные часы (поэтому условия нет)
        // То покажется третий блок
        } else {
            firstSection.classList.add('hidden');
            secondSection.classList.add('hidden');
        }
    });
</script>