.sliderbox {
	margin-left: 4rem;
	display: flex;
	align-items: center;
}

.slidercontainer{
	width: 600px;
	overflow: hidden;
}

.slides {
	--n: 1;
	width: 100%; /* fallback */
  	width: calc(var(--n)*100%);
  	height: 100%;
  	transform: translate(calc(var(--i)/var(--n)*-100%));
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: transform .5s ease-out;
}

.slides > .entry {
  	object-fit: cover;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-Direction: row;
  	flex-wrap: wrap;
  	justify-content: space-evenly;
	padding: 0.4rem 0.2rem;
	pointer-events: none;
	user-select: text;
}
.slides > .entry a {
  pointer-events: all;
}

.slides .entry img {
	z-index: 2000;
	min-width: 100%;
	width: 98%;
	width: calc(100%/var(--n));
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.sliderbox .entrynav {
	display: block;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	pointer-events: inherit;
}

.sliderbox .entrynav.disabled {
	visibility: hidden;
}