.rivan-site .hero > .rivan-hero-video{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 pointer-events:none;opacity:0;z-index:0;
}
.rivan-site .hero > .hero-overlay{z-index:1}
@media(min-width:861px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .rivan-site .hero.rivan-video-playing > .rivan-hero-video{opacity:1}
 .rivan-site .hero.rivan-video-playing > img{opacity:0}
}
@media(max-width:860px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
 .rivan-site .hero > .rivan-hero-video{display:none}
 .rivan-site .hero > img{opacity:1}
}