.scroll-from-left {
	animation: scroll-from-left ease-out forwards;
	animation-timeline: view();
	animation-range: entry 0 cover 50%;
}

@keyframes scroll-from-left {
	from{
		opacity: 0;
		transform:translateX(-500px);
	}
	to{
		opacity: 1;
		transform:translateX(0px);
	}

}