JSFiddle - React, Tailwind, and code Playground

by Ken Z

HTML

<div>
    <input type="checkbox" id="check" class="check-with-label" />
    <label for="check" class="label-for-check">My Label <img class="product-add-image-preview" src="http://ecx.images-amazon.com/images/I/417MwhxcFKL._SY300_.jpg" /></label>
    
        <input type="checkbox" id="check2" class="check-with-label" />
    <label for="check2" class="label-for-check">My Label <img class="product-add-image-preview" src="http://ecx.images-amazon.com/images/I/417MwhxcFKL._SY300_.jpg" /></label>
</div>

CSS

.check-with-label + label > .product-add-image-preview {
    padding:10px; /*Just to keep things from moving*/
}

.check-with-label:checked + label > .product-add-image-preview {
    border:10px solid yellow;
    padding:0;
}