.hero-image>img {
    animation: none !important
}

.hero-image>.hero-motion-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1
}

.hero-image>.round-seal,
.hero-image>.hero-caption {
    z-index: 3
}

.motion-word {
    display: inline-block;
    will-change: transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .motion-word {
        will-change: auto
    }
}