.carousel{position:relative;margin:0 auto;overflow:hidden;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.carousel img{width:100%;display:none}.carousel img.active{display:block}.carousel .next,.carousel .prev{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel .prev{left:10px}.carousel .next{right:10px}.carousel .dots{min-height:100%;display:flex;align-items:flex-end}.carousel .dots .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#888;margin:0 5px;cursor:pointer}.carousel .dots .dot.active{background-color:#333}