JSFiddle - React, Tailwind, and code Playground

HTML

<img class="experimento" src="http://2.bp.blogspot.com/-wi-jCCp3bHg/UXCfHyaAwoI/AAAAAAAAAKs/mtl0ke0SO2c/s1600/Personajes_Toy_Story_2.jpg">

CSS

img {
    width:150px;
    height:150px;
    border-radius: 50%;
    border: 2px solid red;
     -webkit-filter: grayscale(100%);
    transition: all 0.5s ease-out;
}

img:hover {
    -webkit-filter: grayscale(0%);
}