.carousel{width:100%;max-width:100%;margin:-24px auto auto;padding:0;position:relative;overflow:hidden}.carousel-images{width:100%;margin:0;transition:transform .5s ease-in-out;display:flex}.carousel-image{opacity:0;border-radius:16px;width:100%;height:auto;transition:opacity .5s ease-in-out}.carousel-image.active{opacity:1}.carousel-arrow{cursor:pointer;opacity:0;background-color:#ffffffb3;border:none;border-radius:10%;padding:10px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.carousel:hover .carousel-arrow{opacity:1}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-dots{text-align:center;margin-top:-24px}.dot{cursor:pointer;background-color:#bbb;border-radius:50%;width:10px;height:10px;margin:0 5px;display:inline-block}.dot.active{background-color:#717171}