.image-container {
	position: relative;
	width: 100%;
	height: 500px;
}
.image-wrapper {
	position: absolute;
	top: 0;
	width: 50%;
	height: auto;
	transition: all 0.5s ease;
}
.image-wrapper.before {
	left: 50px;
	text-align: right;
}
.image-wrapper.after {
	right: 50px;
	text-align: left;
}
.image-wrapper img {
	width: 100%;
	height: 100%;
	max-width: 350px;
	object-fit: cover;
	transition: all 0.5s ease;
}
.image-wrapper.before {
	filter: blur(4px);
	transform: scale(0.9);
}
.image-wrapper.after {
	z-index: 1;
}
.image-container.hover-left .before {
	filter: none;
	transform: scale(1.1);
}
.image-container.hover-left .after {
	filter: blur(4px);
	transform: scale(0.9);
}
.image-container.hover-right .before {
	filter: blur(4px);
	transform: scale(0.9);
}
.image-container.hover-right .after {
	filter: none;
	transform: scale(1.1);
}

.bhairer_change .label {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	color: #843d51;
	padding: 0;
	width: 250px;
	z-index: 13;
	text-align: center;
    font-size:80px;
    letter-spacing: 4px;
}
.image-wrapper.before .label {
	left: 100px;
	bottom: 50%;
}
.image-wrapper.after .label {
	text-align: left;
	margin: 0 0;
	right: auto;
	left: 0;
	bottom: 0;
	position: relative;
}
.after_change_decoration{
    background: #e98a9a;
    opacity: 0.2;
    width: 70px;
    height: 570px;
    display: block;
    position: absolute;
    z-index: 3;
    left: 32%;
    bottom: -40px;
}
.after_list{
	left: 0;
	right: -320px;
	margin: auto;
	bottom: -12%;
	width: 300px;
}
.after_list .list_title{
	font-size: 28px;
}
.after_list .list_en{
	font-size: 25px;
}
.after_list .list_text{
	font-size: 18px;
}
@media only screen and (max-width : 1200px) {
	.image-wrapper.before {
		left: 5px;
		text-align: right;
	}
	.image-wrapper.after {
		right: 5px;
		text-align: left;
	}
	.image-wrapper {
		top: 0;
		width: 60%;
		height: auto;
	}
	.image-wrapper.before .label {
		left: 0;
		bottom: 0;
	}
	.image-wrapper.after .label {
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: left;
	}
	.label_mobile{
		position: absolute;
		left: 0;
		right: -115px;
		bottom: -10px;
		margin: auto;
		color: #843d51;
		width: 250px;
		z-index: 13;
		text-align: center;
		font-size:60px;
		letter-spacing: 4px;
	}
	.bhairer_change .label {
		font-size:60px;
	}
	.after_list{
		margin: 30px auto 0 auto;
		right: 0;
		top: 0;
		width: 100%;
		max-width: 330px;
	}
	.image-wrapper img {
		max-width: 350px;
	}
}
@media only screen and (max-width : 767px) {
	.image-container {
		height: 280px;
	}
	.image-wrapper img {
		max-width: 200px;
	}
	.label_mobile{
		position: absolute;
		right: 0px;
		bottom: -10px;
	}
}