O meu objetivo seria que uma imagem em .png ficasse por cima de uma imagem .jpg ao passar o cursor por cima. Tentei com o seguinte código:
.image{
width: 320px;
height: 180px;
}
.image:hover{
content: url('playplay.png');
}
Mas fica com este aspeto
Ao passar o cursor a imagem jpg desaparece sendo substituida pela png, mas o meu objetivo era que o botão do play ficasse sobre a imagem. As imagens têm exatamente o mesmo tamanho e ficarão nessa disposição (4 alinhadas horizontalmente)