Oleg

Вы в правильном направлении смотрите. Для ваших целей подойдёт функция getBoundingClientRect(), с помощью которой можно получить координаты элементов и их размера. На основе этих данных просчитать коллизию не составит труда.

В документации всё описано.

Можно как-то так

const cifra = document.getElementById('cifra');
cifra.addEventListener('DOMSubtreeModified', cifraChanged);

function cifraChanged(e) {
    if (cifra.innerText === '0') {
        const textElem = document.querySelector('div.text');
        textElem.style.display = 'none';
        //  А здесь делаем видимым второй блок 
    }
}