Profile card component using BEM

En este desafío me surgieron dudas sobre la metodología BEM. Si yo tengo una clase card que sería la principal, luego las demás clases serían, por ejemplo, card__header, card__h1, card__img, etc. ¿Pero qué pasa si tengo mas de un elemento imagen en distintos lugares y que aplican distintos estilos?

Me refiero a una etiqueta img dentro del card__header y otra img dentro de card__footer, ¿cómo debería llamar a esas clases para que se diferencien entre si?

Yo les puse card-header__img y card-footer__img para diferenciarlas, pero no sé si es correcto.

Por si no se entendió, dejo un ejemplo.

Ejemplo "incorrecto":

    <header class="card__header">
        <img class="card__img" src="otraimagen.svg" alt="">
        <h1 class="card__h1">Un H1
            <span class="card__span">span header</span>
        </h1>
    </header>
    <footer class="card__footer">
        <img class="card__img" src="unaimagen.jpg" alt="">
        <h1 class="card__h1">Otro H1
            <span class="card__span">span footer</span>
        </h1>
    </footer>
</div>

Ejemplo "correcto":

    <header class="card__header">
        <img class="card-header__img" src="otraimagen.svg" alt="">
        <h1 class="card-header__h1">Un H1
            <span class="card-header__span">span header</span>
        </h1>
    </header>
    <footer class="card__footer">
        <img class="card-footer__img" src="unaimagen.jpg" alt="">
        <h1 class="card-footer__h1">Otro H1
            <span class="card-footer__span">span footer</span>
        </h1>
    </footer>
</div>