.wrap{
  display:inline-block;
  width:100px;
  height:61px;
}

#wrap-success{
  background-image:url("https://develop.logical-studio.com/wp-content/uploads/2020/04/ドヤロージー.png?success-before"),url("https://develop.logical-studio.com/wp-content/uploads/2020/04/クックック笑いロージー.png?success-after");
  background-size:cover,0 0;
  &::before,&::after{
    content:"";
    /*要素にbefore及びafterが指定されている*/
  }
  &:hover{
    background-size:0 0,cover;
  }
}