JSFiddle - React, Tailwind, and code Playground

by iKNG

HTML

<a><img src="http://alpatriott.ru/works/album/images/smile.jpg"></a>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

CSS

a {
    float: left;
    height: 25%;
    width: 25%;
}
a img {
    cursor: pointer;
    display: block;
    height: 5%;
    position: absolute;
    width: 5%;
    z-index: 1;
}
a:hover img {
    cursor: default;
    height: 20%;
    opacity: 1;
    position: absolute;
    width: 20%;
    z-index: 2;
}