JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="item-like">
<label for="item-like">click me!</label>

CSS

input {
    display: none;
}
label {
    background: url(http://placehold.it/50x50), no-repeat;
    display: block;
    width: 50px;
    height: 50px;
}

input:checked + label {
    background: url(http://placehold.it/100x100), no-repeat;
    width: 100px;
    height: 100px;
}