.hero {
    background-size: var(--hero-size, cover);
    background-position: var(--hero-position, center);
    background-repeat: no-repeat;
}

.image-text img {
    width: 100%;
    height: 420px;
    max-height: 560px;
    object-fit: cover;
}

.image-text img.image-display-fit {
    object-fit: contain;
}

.image-text img.image-display-stretch {
    object-fit: fill;
}

.image-text img.image-display-natural {
    object-fit: scale-down;
}

@media (max-width: 760px) {
    .image-text img {
        height: 320px;
    }
}