.heroCtn{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.heroImage{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.heroTitle{z-index:1;color:#fff;text-align:center;opacity:0;padding:0 9%;font-size:6vw;line-height:1.2em;transition:opacity 1s;position:relative}@media screen and (max-width:1100px){.heroCtn{height:700px}.heroTitle{padding:0 5%;font-size:11vw}}