.bv-hero{--ratio:1/2;--container-width:100%}@media (min-width:640px){.bv-hero__content{width:calc(var(--ratio)*100%)}.bv-hero__image{height:100%;margin-left:calc((100% - var(--container-width))/2 + var(--ratio)*var(--container-width));position:absolute;right:0;top:0;width:calc(100% - (100% - var(--container-width))/2 - var(--ratio)*var(--container-width))}}@media (min-width:1024px){.bv-hero{--ratio:2/5;--container-width:960px}}@media (min-width:1280px){.bv-hero{--ratio:1/3;--container-width:1216px}}