.hero{min-height:50rem;position:relative}.hero:after{content:"";z-index:1;background:rgba(var(--color-black), var(--overlay-opacity,0));width:100%;height:100%;display:block;position:absolute;top:0;left:0}.hero__background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:clip}.hero__media{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;font-family:object-fit\: cover;position:absolute;top:0;left:0}@media screen and (min-width:750px){.hero{min-height:60rem}}@media screen and (min-width:1025px){.hero{min-height:75rem}}