.img_dummybox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f2f2f2;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.js-inview-slide {
	opacity: 0;
	will-change: opacity, width;
}
.js-inview-slide[data-is-active="true"] {
	-webkit-animation: ani-width 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s forwards 1
		normal;
	animation: ani-width 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s forwards 1 normal;
}
.js-inview-fadeInScale {
	opacity: 0;
	will-change: opacity, transform;
}
.js-inview-fadeInScale[data-is-active="true"] {
	-webkit-animation: ani-fadeInScale 1.4s cubic-bezier(0.61, 1, 0.88, 1) 1s
		forwards 1 normal;
	animation: ani-fadeInScale 1.4s cubic-bezier(0.61, 1, 0.88, 1) 1s forwards 1
		normal;
}

@keyframes ani-width {
	0% {
		opacity: 0;
		width: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
	}
}
@keyframes ani-fadeInScale {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}