JavaScript - Cambiar imagen con onlick teniendo botones

Buenas tardes,me gustaria preguntaros sobre como tendria que hacer , para que al pinchar cada boton (depende cual pinches se cambiara , la primera, la segunda o la tercera por otra)tambien como hacer para que aparezca y desaparezca el pinguino y por ultimo al darle al boton automatico,se cambien de forma random,si me podeis poner el codigo,para poder estudiarmelo, os dejo fotos con el html y css para poder realizarlo , un saludo.

Hola ruben puedes pegar tu código para poder probarlo en vez de poner imágenes?