Opa Matheus beleza? Então, este efeito você pode conseguir alterando o background do hover para uma imagem utilizando a propriedade backgroud: url("sua-imagem".png) desta forma:

.corte-de-cabelo:hover{
 background-image: url("sua-imagem.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

Caso sua imagem esteja em uma pasta própria para imagens e esta pasta esteja no mesmo nível de hierarquia de sua pasta com arquivo CSS ex:

CSS (pasta)
img (pasta)
index.html

Você deve voltar um nível no CSS e assim selecionar sua pasta utilizando esta formatação para seu background-image

background-image: url("../img/sua-imagem.png");

Testa ai e qualquer coisa manda seu código que arrumamos juntos :D

Abraços