body {
    margin:0;
    background:#000;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
}

.slider {
    position:relative;
    width:100%;
    max-width:800px;
}

.slide {
    width:100%;
    display:none;
    border-radius:10px;
}

.slide.active {
    display:block;
}

button {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.5);
    color:white;
    border:none;
    padding:15px;
    font-size:20px;
    cursor:pointer;
}

.prev {
    left:10px;
}

.next {
    right:10px;
}