section > div {
    & div + div {
        margin-top: 1.3lh;
    }
}
section img {
    min-width: 10em;
    width: 100%;
    max-width: 60em;
    justify-self: center;
    border: 2px solid #bbbbbb;
    border-radius: 10px;
}
section > div > div {
    display: grid;

    &.splitter {
        grid-template-columns: 3fr 2fr;
        padding-inline: 6em 1em;
        column-gap: 4em;

        @media (max-width: 700px) {
            grid-template-columns: 1fr;
            padding-inline: 2em;
        }
    }
    &:not(.splitter) {
        padding-inline: clamp(5em, 20vw, 12em);

        @media (max-width: 450px) {
            padding-inline: 1em;
        }
    }

    & h3 + p {
        margin-top: .5lh;
    }
    & p {
        color: var(--alt-font-color);
    }
    & p + h3 {
        margin-top: 1lh;
    }
    & p + p {
        margin-top: .3lh;
    }
    & h4 {
        font-weight: 700;
        font-size: 14pt;
    }
    & img {
        margin-block: 1rem 2rem;
        width: 80%;
    }
    & ul {
        margin-left: 1rem;
    }
}
section p span.img-link {
    color: #0054DA;
    font-weight: 800;
}