.layer-bg {
	width: 200%;
	filter: drop-shadow(0px 1px 1px rgba(210, 120, 40, 0.3));
}
.layer-sky {
	filter: drop-shadow(0px 1px 1px rgba(210, 120, 40, 0.3));
	width: 110%;
	height: 110%;
	margin-left: -6%;
	margin-top: -6%;
}
.layer-sky-cloud {
	filter: drop-shadow(3px 2px 2px rgba(140, 0, 20, 0.1));
}
.layer-water-far {
	filter: drop-shadow(0px -2px 4px rgba(160, 30, 20, 0.2));
}
.layer-water-fg {
	filter: drop-shadow(0px -3px 3px rgba(10, 0, 40, 0.3));
}
.layer-shadow {
	margin-left: 4px;
	margin-top: 2px;
	opacity: .5;
}

/* overlay that draws the inset shadow on top */
.parallax-container::after {
	content: "";
	position: absolute;
	inset: 0;               /* top:0; right:0; bottom:0; left:0; */
	pointer-events: none;   /* allows clicks through to the image */
	box-shadow:
		inset 0 8px 12px rgba(120,20,0,.25),   /* top inner fade */
		inset 0 -3px 3px rgba(10,0,40,.25),  /* bottom inner fade */
		inset 8px 0 12px rgba(120,20,0,.25),  /* left */
		inset -2px 0 8px rgba(80,20,0,.05); /* right */
	border-radius: inherit; /* match rounded corners if used */
}

/* End */