.banner-container{width:730px;height:250px;max-width:730px;max-height:250px;position:relative;border-radius:4px;overflow:hidden;background:#f2f2f2;margin-left:10px;cursor:pointer}.banner-container:hover .player-toggle{opacity:1}.banner-container .player-toggle{opacity:0;position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3;background:#fff;border-radius:50%;padding:6px;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.banner-container .image-wrapper:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.51)),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,rgba(0,0,0,.51),hsla(0,0%,100%,0))}.banner-container .image-wrapper img,.banner-container .image-wrapper video{position:absolute;top:0;left:0;z-index:0;width:100%;-o-object-fit:cover;object-fit:cover}.banner-container .content{position:absolute;left:24px;bottom:30px;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.banner-container .content h3,.banner-container .content p{color:#fff}