.hero{display:flex;height:100%;justify-content:flex-end}.hero--with-image{flex-direction:row-reverse;justify-content:space-between}.hero__text{display:flex;flex-direction:column;justify-content:center;width:50%}.hero--full-width:not(.hero--with-image) .hero__text{width:100%}.hero__image img{display:block}.hero__text--background-blur{backdrop-filter:blur(5px);overflow:hidden}.hero .heading-with-line__text{width:100%}@media(max-width:767px){.hero{display:block}.hero__text{width:100%}.hero--with-image{display:flex;flex-direction:column}}