.hero-container{position:relative}.background-image,.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;min-height:400px;z-index:-1}.hero-content{position:relative;padding:1rem;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}@media (max-width:768px){.hero-content{width:90%}h1{font-size:1.5rem}h2{font-size:1rem}p{font-size:.875rem}}