.hero {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #040810;
    display: flex;
    align-items: stretch;
}

.hero-media {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: center center;
    max-height: 520px;
}

.hero video.hero-media {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
}