*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;display:grid;place-items:center}.slider{position:relative;overflow:hidden;border-radius:15px}.slide,.slider{width:100%;max-width:800px;height:350px}.slide{position:absolute;transition:all .5s}.slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{position:absolute;width:40px;height:40px;padding:10px;border:none;border-radius:50%;z-index:10px;cursor:pointer;background-color:#fff;font-size:18px}.btn:active{transform:scale(1.1)}.btn-prev{top:45%;left:2%}.btn-next{top:45%;right:2%}