.hero{display:block;position:relative;height:210px}@media screen and (min-width: 768px){.hero{height:400px}}.hero__content{color:var(--color-white);position:absolute;left:0;right:0;top:0;bottom:0;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--grid-col-gutter);text-align:center;z-index:1}.hero__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover}.hero__title.display-text{margin-top:-10px}.hero[class*=overlay-content] .hero__inner{margin:0 auto;padding:5px 8px 9px;background-color:rgba(0,0,0,.45);box-shadow:0 12px 18px 0 rgba(0,0,0,.2);border-radius:var(--border-radius-default);backdrop-filter:blur(4px)}@media screen and (min-width: 768px){.hero[class*=overlay-content] .hero__inner{padding:7px 16px 11px}}.hero--overlay-content-bottom .hero__content{top:auto;bottom:20px}@media screen and (min-width: 768px){.hero--overlay-content-bottom .hero__content{bottom:40px}}