.banner{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:50vh;display:flex;position:relative;overflow:hidden}.banner-image{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 2.5s ease-in-out;position:absolute;inset:0}.banner-image.active{opacity:1}.text{z-index:2;position:relative}.banner h1{text-shadow:2px 2px 4px #000000b3;font-size:4em;font-weight:700}.banner h4{text-shadow:2px 2px 4px #000000b3;font-size:2em}@media (max-width:768px){.banner{height:25vh;padding:0 1rem}.banner h1{font-size:2rem}.banner h4{font-size:1rem}}