:where(.component-card-w-image) {
    :where(.card-content) {
        :where(.card-heading) {

            :where(.card-image-and-heading) {
                display: grid;
                grid-auto-flow: column;
                justify-content: start;
                align-items: center;
                gap: var(--size-small);
                margin-bottom: var(--size-medium);

                :where(img) {
                    width: 10rem;
                    height: 10rem;
                    border-radius: 100%;
                }

                :where(.heading) {
                    font-size: var(--font-size-h2);
                    font-weight: var(--font-weight-h2);
                    font-family: var(--font-family-h2), sans-serif;
                    margin: 0;
                }
            }

            :where(.subheading) {
                text-align: start;
                margin: 0;
                text-transform: uppercase;

                /* Compact bold label, matching the Simple Card heading. */
                font-size: 2.2rem;
                font-weight: var(--font-weight-bold);
                font-family: var(--font-family-h3), sans-serif;
            }
        }

        :where(.card-body) {
            :where(.card-copy) {
                margin-top: 0;
            }
        }
    }
}