Impossible de mettre un :before

Bonjour, j'aimerais placer une image derrière une autre. J'ai placé ma première illustration grâce à une balise <img>. Pour la deuxième, j'ai voulu utiliser un :before. Cependant elle ne s'affiche pas. Comment faire ? Merci d'avance pour vos réponses.

Voici le bout de CSS correspondants :

.clood1 {
  margin: 40% 0% 0% 40%;
  height: 125px;
}

.clood1:before {
  position: relative;
  content: url(clood2.png);
  height: 60px;
  width: 60px;
  left: -50px;
  top: 100px;
}

Bonsoir,

Vous ne pouvez pas utiliser les pseudos éléments sur des images car elles font partie de ce que l'on appelle des éléments remplacés, au même titre que les éléments de formulaire.

Cf. Qu'est-ce qu'un élément remplacé ?
Modifié par Olivier C (29 Dec 2021 - 21:30)