<<<<<<< HEAD
.gallery {
	list-style: none;
	padding: 0;
	overflow: hidden;
	position: relative;
	outline: 0; 
}
.gallery .gallery-item {
	position: absolute;
    opacity: 0;
    filter: blur(15px);
    transition: opacity 0.5s, filter 0.5s;
}
.gallery .gallery-item.current {
    opacity: 1;
    filter: blur(0); 
}
.gallery .arrow {
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
}
.arrow .left{
	cursor: pointer;
	color: #fff;
}
.arrow .right {
	cursor: pointer;
	color: #fff;
}
=======
.parent {
	position: relative;
}
.gallery {
	padding: 0;
	overflow: hidden;
	position: relative;
	outline: 0;
	width: auto;
}
.gallery .gallery-item {
		position: absolute;
		opacity: 0;
		filter: blur(5px);
		transition: opacity 0.5s;
	}
.gallery .gallery-item.current {
	opacity: 1;
	filter: blur(0);
}
>>>>>>> 81998a7b2320275c76c2f6d969964b0e73055986
