body{
display: flex;
}

.container-slider{
width: 100%;
max-width: 1024px;
margin: auto;
overflow: hidden;
position: relative;
}

.slider {
display: flex;
width: 600%;
height: 300px;
margin-left: -100%;
}

.slider__section{
width: 100%;
}

.slider__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.slider__btn {
position: absolute;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.7);
top: 50%;
transform: translateY(-50%);
font-size: 30px;
font-weight: bold;
font-family: monospace;
text-align: center;
border-radius: 50%;
cursor: pointer;
}

.slider__btn:hover {
background: #fff;
}
.slider__btn--left{
left: 10px;
}
.slider__btn--right{
right: 10px;
}