Анимация в CSS вызывает лаги на сайте

На странице незавершенной работы мы пытаемся воспроизвести анимацию движения облака в CSS, и мы работаем с начальной загрузкой 4. Однако анимация работает, но вызывает задержки на сайте при прокрутке вниз при запуске сайта. Если вы прокручиваете вверх и вниз, кажется, что курсор «отстает от полосы прокрутки», начиная со второй строки таблицы. Тестовая площадка: http://dev.thedesignfactory.ro/monster-fitness/html/

Вот наш CSS для одного облака:

xxx .cloud1 {
opacity: 0;
width: 190px;
height: 80px;
top: 80px;
animation: cloud_anim 20s infinite;
animation-timing-function: linear;
will-change: transform;
position: absolute;
z-index: 10;
}

Мой соразработчик заявляет, что он не отстает от его тестовых устройств и компьютеров, а только от моего, поэтому я не уверен, есть ли несовместимость, даже если мы используем одни и те же браузеры. Мы попытались воспроизвести анимацию с этого сайта: https://www.headspace.com/ Как вы можете видеть, облака движутся слева направо и не вызывают задержек, и это тоже делается с помощью CSS.

Мы здесь немного невежественны, и помощь очень ценится.