.hops-animation__stage {
	display: block;
	position: relative;
	width: 30em;
	height: 19.8125em;
	/*border: 1px solid black;*/
	background-image: url('../images/sunburst.svg');
	background-size: 100%;
}

.hops-animation__actor-bubbles-upper-right {
	display: block;
	position: absolute;
	width: 0em;
	height: auto;
	transform-origin: center;
	animation-name: bubble-ur;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes bubble-ur {
	0% {
		display: block;
		left: 15.125em;
		top: 10.0625em;
		width: 0em;
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		left: 20.5em;
		top: 6em;
		width: 10em;
		opacity: 0;
	}
}

.hops-animation__actor-bubbles-lower-left {
	display: block;
	position: absolute;
	width: 0em;
	height: auto;
	transform-origin: center;
	animation-name: bubble-ll;
	animation-duration: 1.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes bubble-ll {
	0% {
		display: block;
		left: 15.125em;
		top: 10.0625em;
		width: 0em;
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		left: 2em;
		top: 13.8125em;
		width: 10em;
		opacity: 0;
	}
}

.hops-animation__actor-bubbles-upper-left {
	display: block;
	position: absolute;
	width: 0em;
	height: auto;
	transform-origin: center;
	animation-name: bubble-ul;
	animation-duration: 1.1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes bubble-ul {
	0% {
		display: block;
		left: 15.125em;
		top: 10.0625em;
		width: 0em;
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		left: 1em;
		top: 2em;
		width: 10em;
		opacity: 0;
	}
}