.hero {
    max-height: 550px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.hero-item {
    max-height: 550px;
}

.hero .is-background {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}