.hero-visual {
    background: #eaf2f8;
}

.hero-visual .cu-homepage-photo {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 470px;
    object-fit: cover;
    object-position: center center;
    border-radius: inherit;
}

@media (max-width: 820px) {
    .hero-visual .cu-homepage-photo {
        min-height: 455px;
    }
}

@media (max-width: 520px) {
    .hero-visual .cu-homepage-photo {
        min-height: 420px;
        object-position: 50% 50%;
    }
}