.carousel-container {
	position: relative;
	width: 100%;


	//.carousel-next {
	//	display: none;
	//}
	//.carousel-previous {
	//	display: none;
	//}
	//.carousel-pause {
	//	display: none;
	//}
	//
	//&:hover {
	//	.carousel-next {
	//		display: flex;
	//	}
	//	.carousel-previous {
	//		display: flex;
	//	}
	//	.carousel-pause {
	//		display: flex;
	//	}
	//}
}

.carousel-background {
	width: 100%;
	height: 100%;
	filter: blur(10px);
	-webkit-filter: blur(10px);
}

.carousel-image {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%);
	height: 90%;
	width: auto;
}

.carousel-next {
	position: absolute;
	top: calc(50% - 28px);
	right: 0;
	height: 56px;
	width: 56px;
	color: rgba(255, 255, 255, 0.75);
	filter: drop-shadow(3px 3px 5px black);
	cursor: pointer;
	padding: 1rem;
	border-radius: 50%;
	transition: 0.25s;

	&:hover {
		color: white;
		background: rgba(0,0,0,0.25);
		filter: none;
	}
}

.carousel-previous {
	position: absolute;
	top: calc(50% - 28px);
	left: 0;
	height: 56px;
	width: 56px;
	color: rgba(255, 255, 255, 0.75);
	filter: drop-shadow(3px 3px 5px black);
	cursor: pointer;
	padding: 1rem;
	border-radius: 50%;
	transition: 0.25s;

	&:hover {
		color: white;
		background: rgba(0,0,0,0.25);
		filter: none;
	}
}



.carousel-pause {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 56px;
	width: 56px;
	transform: translate(-50%, -50%);
	color: rgba(255, 255, 255, 0.75);
	filter: drop-shadow(3px 3px 5px black);
	cursor: pointer;
	padding: 1rem;
	border-radius: 50%;
	transition: 0.25s;

	&:hover {
		color: white;
		background: rgba(0,0,0,0.25);
		filter: none;
	}
}
