.badget1 {
	width: 300px;
	height: 400px;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	
	transform-origin: right center;
}
.badget1.badget1__hover {
	pointer-events: none;
}
.badget1.badget1__left {
	right: auto;
	left: 0;
	transform-origin: left center;
}
.badget1.badget1__bottom {
	top: auto;
	bottom: 0;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: center bottom;
}
#animation_container {
	background-color:transparent; width:300px; height:400px
}
#canvas {
	position: absolute; display: block; background-color:transparent; z-index: 6;
}
#dom_overlay_container {
	 overflow:hidden; width:300px; height:400px; position: absolute; left: 0px; top: 0px; display: block;
}

@media (max-width:768px) {
	.badget1 {
		transform: translateY(-50%) scale(0.6);
	}
	.badget1.badget1__bottom {
		transform: translateX(-50%) scale(0.6);
	}
}