.slider-container{width:500px;height:500px;position:relative;overflow:hidden}.slide{opacity:0;position:absolute;transition:opacity 1s ease-in-out}.img-slides,.slide{width:500px;height:500px}.img-slides{object-fit:cover}.active{opacity:1;position:relative}button{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,50%,.7);border:none;cursor:pointer;width:50px;height:50px;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;font-size:18px}.prev{left:10px}.next{right:10px}