.section-hero .component__header{padding:48px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.section-hero .component__header--wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;align-self:stretch}
.section-hero .component__image{width:100%;display:flex;justify-content:center;align-items:center;background-color:lightgray;background-position:50% 50%;background-size:cover;object-fit:cover;background-repeat:no-repeat;height:375px}
@media screen and (min-width:768px){.section-hero .component__header{padding:64px 0}
.section-hero .component__image{height:432px}
}
@media screen and (min-width:1024px){.section-hero .component__header{padding:80px 0}
.section-hero .component__image{height:512px}
}
body[dir="rtl"] .section-hero .component__header{direction:rtl}