JSFiddle - React, Tailwind, and code Playground

by ramnathv

HTML

<span class="imgswap">
 <img src="https://rawgithub.com/ramnathv/ramnathv.github.io/master/posts/rblocks/assets/fig/matrix-df1.png" alt=""/>
</span>

CSS

span.imgswap {
  background-image:url("https://rawgithub.com/ramnathv/ramnathv.github.io/master/posts/rblocks/assets/fig/matrix-1.png"); 
  background-repeat: no-repeat; display:block;
}
span.imgswap:hover img {
  visibility:hidden;
}