Tengo un pequeño problema. Quiero obtener acceso a una imagen en un objeto y convertirlo en invisible.

Tengo 2 imágenes una encima de la otra y quiero que la de arriba sea invisible. ¿Puedes ayudarme por favor?

Quiero convertir card1.png invisible.

Ese es mi código html. (eso es solo un div de muchos) Tengo otros también otros.

 <div class="karte" data-framework="card1"> <img class="lock" src="pics/memoryBgI.png" alt="lockedCard"> <img class="front" src="pics/card1.png" alt="card1"> <img class="back" src="pics/memoryBg.png" alt="BackCard"> </div>

si consuelo. registro una variable específica, obtengo este objeto:

 <div class="karte" data-framework="card1"> <img class="lock" src="pics/memoryBgI.png" alt="lockedCard"> <img class="front" src="pics/card1.png" alt="card1"> <img class="back" src="pics/memoryBg.png" alt="BackCard"> </div>

entonces es lo mismo que mi archivo html. De alguna manera quiero tener acceso a esa imagen y cambiar su estilo a invisible u oculto.

gracias