.hero {

    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1250px;
}

.hero > div {

    flex-grow: 1;
    text-align: center;
}

.hero > div > span {

    font-style: italic;
    color: #1c75bc; /* Blue */
}

.hero > div > span:first-of-type {

    font-size: 1.25em;
}

img.photo {

    display: block;
    max-width: 33%;
    border-radius: 0.25em;
    background: #f9f8f6;
    border: 1px solid #cccccc;
}

.hero > div > span:first-of-type {

    font-size: clamp(16px, calc(1rem + 1.75vw), 48px);
}

.hero > div > span:last-of-type {

    font-size: clamp(13.33px, calc(0.75rem + 1.75vw), 40px);
}