.hero img,.hero video{object-position: center;aspect-ratio:1/1;width:100%;height:auto;max-height:45rem}
.hero h1{margin:0;font-size:4.8rem;text-align:center;color:#fff;text-transform: none;margin-bottom:0;text-shadow: 0 0 10px #000;}
.hero picture{display:block;position:relative}
.hero picture::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6) 100%);background:rgba(0,0,0,.4)}

.hero__content{position:absolute;left:50%;bottom:4.4rem;transform:translateX(-50%);width:calc(100% - 3.2rem);display: flex;flex-direction: column;align-items: center;gap: 2.4rem;}


@media(min-width:1280px){
    .hero h1{font-size:7.2rem}
}