.home-banner{position:relative;overflow:hidden}.banner-content{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.banner-slide{position:relative;top:0;left:0;width:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.banner-slide img{width:100%;display:block;transition:transform .35s ease-out;will-change:transform}.banner-slide.active{opacity:1;z-index:1}.banner-dots{text-align:center;margin-top:10px;position:relative;z-index:2}.banner-dots .dot{display:inline-block;width:12px;height:12px;margin:0 5px;background-color:#ccc;border-radius:50%;cursor:pointer;transition:background .3s}.banner-dots .dot.active{background-color:#333}