.container{
	margin-top:40px;
	padding:0.1rem;
	float:left;
	margin-right:1rem;
}
.slider-wrapper{
	position:relative;
	max-width:24rem;
	margin:0 auto;
}
.slider{
	display: flex;
	aspect-ratio: 4/5; 
	overflow-x:hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior:smooth 
}
.slider img{
	flex: 1 0 100%;
	scroll-snap-align: start;
	object-fit:cover;
}
.slider-nav{
	display:flex;
	column-gap:1rem;
	position:absolute;
	bottom:1.25rem;
	left:30%;
	transform:translateX (-50%);
	z-index:1;
}
.slider-nav a{
	width:0.5rem;
	height:0.5rem;
	cursor:pointer;
	border-radius:50%;
	background-color:#fff;
	opacity:0.75;
	transition:opacity ease 0.25s
}
.slider-nav a:hover{
	opacity: 1;
}