/*
 * BG motion section - scroll-triggered transforms.
 */
.boat-moving {
	transition: transform 2.9s ease-out;
	transform: translateX(0);
}

.boat-moving.in-view {
	transform: translateX(-40px);
}

.moving-rocks {
	transition: transform 1.9s ease-out;
	transform: translateY(40px);
}

.moving-rocks.in-view {
	transform: translateY(0);
}