#blossom_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.petal {
	background: url(https://talktofill.surge.sh/cherry-blossom.png) no-repeat;
	opacity: 0.7;
}

.petal.petal-style1 {
	width: 45px;
	height: 20px;
	background-position: -31px 0;
}
.petal.petal-style2 {
	width: 42px;
	height: 22px;
	background-position: 0 -23px;
}
.petal.petal-style3 {
	width: 37px;
	height: 24px;
	background-position: 0 -50px;
}
.petal.petal-style4 {
	width: 26px;
	height: 34px;
	background-position: -49px -35px;
}