.hero{position:relative;padding:60px 0;background-position:50%;background-repeat:no-repeat;background-size:cover}.hero__overlay{position:relative;z-index:2;width:100%;max-width:960px;padding:30px;background:rgba(255,255,255,.9)}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:768px){.hero{display:flex;justify-content:flex-end}.hero__overlay{width:75%;padding:60px}}@media(min-width:992px){.hero__overlay{width:50%}}