*{box-sizing:border-box}:root{--heights:60vh;--widths:100%}.slide-container{height:var(--heights);width:var(--widths);position:relative;margin:auto;overflow:hidden}.active{display:inline-block}.inactive{display:none}.slides{height:var(--heights);width:var(--widths);position:relative}.slide-image{object-fit:cover}.slide-image,.slide-text,.slide-title{width:100%;height:100%;position:absolute}.slide-text,.slide-title{color:white;font-size:50px;text-align:center;top:40%;z-index:10}.slide-text{top:65%;font-size:2rem}.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:1rem;margin-top:-3rem;font-size:40px;font-weight:700;border-radius:0 5px 5px 0;transform:translateY(-50%);transition:opacity .3s ease;pointer-events:none}.next:hover,.prev:hover{color:white;background-color:rgba(0,0,0,.6);transition:all .5s ease-in}.next{right:0;border-radius:5px 0 0 5px}.prev{left:0;border-radius:0 5px 5px 0}.slider-container:hover .next,.slider-container:hover .prev{opacity:1;pointer-events:auto}.next,.prev{opacity:0}.next.visible,.prev.visible{opacity:1;pointer-events:auto}.all-dots{width:100%;height:auto;position:absolute;display:flex;top:85%;justify-content:center;z-index:200}.dot{cursor:pointer;height:1.5rem;margin:0 3px;background-color:rgba(0,0,0,.3);border-radius:50%;display:inline-block}.active-dot
.dot:hover{background-color:rgba(255,255,255,.5)}