.hvr__images {
	position: relative;
}
.hvr__images img {
	display: none;
}

.hvr__images img:first-child {
	display: block;
}

.hvr__sectors {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
}

.hvr__sector {
	flex-grow: 1;
}

.hvr__dots {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hvr__dot {
	width: 5px;
	height: 5px;
	margin: 5px 2px 0;
	opacity: 0.3;
	background: #3e3e42;
	border-radius: 10px;
}

.hvr__dot--active {
	width: 20px;
	opacity: 1;
}