.course-hero__copy {
    min-width: 0;
}

.course-hero__lead {
    display: grid;
    gap: 0.75rem;
}

.course-hero__lead p {
    margin: 0;
}

.course-hero__visual {
    justify-self: end;
    width: 100%;
    border: 1px solid rgba(15, 60, 94, 0.08);
    border-radius: var(--radius-photo);
    box-shadow: var(--shadow);
    overflow: hidden;
    background: #ffffff;
}

.course-hero__visual img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: inherit;
}

@media (max-width: 900px) {
    .course-hero__visual {
        justify-self: center;
        max-width: min(100%, 26rem);
    }
}