.banner{position:relative;width:100%;height:450px;overflow:hidden}.banner-slide{width:100%;height:100%;background-size:cover;background-position:50%;opacity:0;transition:opacity .5s ease-in-out;position:absolute}.banner-slide.active{opacity:1}.banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}