.wrapper{
/*
  position: relative;
  height: 100vh;
  width: 100%;
*/
  overflow: hidden;
position:relative;

}
.leaf {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  animation: animate-leaf 8.1s linear;
}

/*
.sakura01 { background-image: url('https://025.teny.co.jp/theme/special/sakura/sakura01.svg'); }
.sakura02 { background-image: url('https://025.teny.co.jp/theme/special/sakura/sakura02.svg'); }
.sakura03 { background-image: url('https://025.teny.co.jp/theme/special/sakura/sakura03.svg'); }
*/


.sakura01 { background-image: url('../img/hana01.webp'); }
.sakura02 { background-image: url('../img/hana02.webp'); }
.sakura03 { background-image: url('../img/hana03.webp'); }


/* ===== anime ===== */
@keyframes animate-leaf {
	0% {
		opacity: 0;
		top: 20%;
		transform: rotate(0);
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		top: 100vh;
		transform: rotate(1080deg);
	}
}