body{
padding: 0;
margin: 0;
}
.container{
position: relative;
overflow: hidden;
}
.slider{
display: flex;
position: relative;
transition: .4s linear;
left: 0;
align-items: center;
}
.slider section{
height: 100%;
}
#left-circle,
#right-circle{
position: absolute;
top: 50%;
padding: 0 3rem;
z-index: 30;
cursor: pointer;
color: rgba(255,255,255,0.5);
font-size: 30px;
display: none;
}
#left-circle{
left: 0;
}
#right-circle{
right: 0;
}