.hero__slider {
    background-image: url("data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADrbWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAOcGl0bQAAAAAAAQAAAB5pbG9jAAAAAEQAAAEAAQAAAAEAAAETAAAAbAAAAChpaW5mAAAAAAABAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAABqaXBycAAAAEtpcGNvAAAAFGlzcGUAAAAAAAAAMAAAABkAAAAQcGl4aQAAAAADCAgIAAAADGF2MUOBAAwAAAAAE2NvbHJuY2x4AAEADQAGgAAAABdpcG1hAAAAAAAAAAEAAQQBAoMEAAAAdG1kYXQSAAoJGBUvxyQENBoQMl0bAAkFQAWG8Hd9HwgMbOpYt5+jJ0qnmfDJ/wFotlfdrLtmj0PVAxTo1dIBpk45o+8WYMzlqLowR/aZPYbWWUBjV1GdsdT1Zq1HUXZtx8rM8fznYmjT9ZqesuDOH4I=");
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
    background-color: #6ba345;
}

.hero__poster-wrap {
    display: contents;
}

.hero__poster {
    will-change: opacity;
}

.hero--reduced-motion .hero__slider {
    background-image: none;
}

@media (prefers-reduced-data: reduce) {
    .hero__video {
        display: none;
    }
}