Анимации с использованием JS и CSS

Добрый день, я делал веб сайт для дипломной и у меня в сайте есть 2 блока они должны находится за пределами экрана а когда собственно left-lecture-block за краем левого экрана а right-lecture-block за правым экраном, когда блок lecture окажется в поле видимости экрана эти 2 блока должны вернутся на ту позицию которая у них на данный момент. Я как бы не пытался либо не работает одна сторона либо другая. Помогите пожалуйста доделать это буду крайне признателен.

Вот ссылка на папку в гугл диске все файлы там.

пути

html файл lectures-1.html
css файл OurCSS/lectures-1.css