.circle-bg::before {
    content: "";
    height: 26rem;
    width: 26rem;
    display: block;
    background-color: var(--gfColors-slate15);
    border-radius: 50%;
    position: absolute;
    top: 1rem;
    left: -16rem;
    z-index: -1;
}
.circle-bg {
position:relative;
}
.image-box{
    display: grid;
    grid-template-rows: auto;
}
.image-caption {
    background-color: #fff;
    padding: 0.5rem;
    font-style: italic;
    border-left: 6px solid var(--gfColors-slate30);
    justify-self: start;
}
@media(max-width:425px) {
    h1 {
        font-size:2.8em;
    }
}