.hero-section{background-image:linear-gradient(#fff0,#fff),url(/hero-mobile.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:end;width:100%;min-height:700px;display:flex}@media (min-width:64rem){.hero-section:before{display:none}.hero-section{background-image:linear-gradient(90deg,#fff,#0000),url(/hero.png);align-items:center;min-height:800px}}