.scream{
  content: url('imageidle.webp');
  width:10%;
  height:10%;
  transition: content 0.3s ease-in-out;
}


.scream:hover{
  content: url('image.png');
    width:10%;
  height:10%;
}

.scream:active{
  content: url('mad.png');
    width:10%;
  height:10%;
}

.snickexe:hover{
  content: url('snick,exe.webp');
    width:10%;
  height:10%;
}

.snickexe{
  content: url('snick.jpg');
    width:10%;
  height:10%;
}


.snick{
  content: url('snickreal.jpg');
  width:10%;
  height:10%;
}
.snick:hover{
  content: url('SuperSnick.webp');
  width:10%;
  height:10%;
  transition: width 0.512412s;
}
.snick:active{
  content: url('SuperSnick.webp');
  width:75%;
  height:75%;
}

.snickbig{
  content: url('snickreal.jpg');
  width:20%;
  height:20%;
}
.snickbig:hover{
  content: url('SuperSnick.webp');
  width:20%;
  height:20%;
  transition: width 0.12412s;
}
.snickbig:active{
  content: url('SuperSnick.webp');
  width:150%;
  height:150%;
}