Александр

CSS Tree, eCSStractor, eCSStractor for VSCode, VS HTML to CSS

Честно говоря, код видно сквозь изображения.

Возможно это Вам поможет.

Если необходимо сделать множество различных анимаций да и еще на события скролла, лучше использовать GSAP и ScrollMagic. Завалялось старое демо, с тех пор GSAP обновился.
А чтобы без библиотек код написать, надо понять как расположены элементы у Вас на странице (песочницу надо).

Тогда лучше сделать так

const doCapture = element => {
	html2canvas(element).then(canvas => canvas.toBlob(blob => {
		window.location = URL.createObjectURL(blob);
	}));
};