.hero-banner-wrapper{min-height:100vh;position:relative}.hero-banner-wrapper .media img,.hero-banner-wrapper .media video{height:100%;mask-image:linear-gradient(180deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);min-width:1px;opacity:.75}@media (min-width:768px){.hero-banner-wrapper{align-items:center;display:flex!important}.hero-banner-wrapper .content-area{position:relative;width:100%}.hero-banner-wrapper .content-area .text{position:relative;width:70%;z-index:1}.hero-banner-wrapper .content-area .media{height:200%;overflow:hidden;position:absolute;right:0;text-align:right;top:50%;transform:translateY(-50%);z-index:-1}.hero-banner-wrapper .content-area .media video{transform:translateX(30%)}}@media (max-width:767px){.hero-banner-wrapper{overflow:hidden;padding-top:100px}.hero-banner-wrapper .media video{left:-50%;position:relative;width:200%}.hero-banner-wrapper .media img{height:auto}.hero-banner-wrapper .content-area .text{margin-bottom:50px;text-align:center}.hero-banner-wrapper .content-area .text p{display:none}}