.hero{position:relative;width:100%}.hero__overlay{position:relative;display:flex;align-items:center;justify-content:center;min-height:35dvh;padding:1rem;background:#4b306e99}.hero--home .hero__overlay{justify-content:left;padding:2rem 1rem}@media (min-width: 768px){.hero--home .hero__overlay{padding:4rem}}.hero__bg-img{position:absolute;width:100%;height:100%;object-fit:cover}.hero__text{color:#fff;text-align:center}@media (min-width: 992px){.hero__text{width:50%}}.hero--home .hero__text{text-align:left}