JSFiddle - React, Tailwind, and code Playground

HTML

<label>
	<input class="location_checkbox" type="checkbox" name="test" value="test001">
	<img class="thumbnail" src="http://placehold.it/50">
</label>
<label>
	<input class="location_checkbox" type="checkbox" name="test" value="test002">
	<img class="thumbnail" src="http://placehold.it/50">
</label>

CSS

label {
	display: inline-block;
	height: 50px;
	position: relative;
	width: 50px;
}
.location_checkbox {
	position: absolute;
	right: 0;
	top: 0;
}

.location_checkbox + img {
	border: 1px solid rgba( 0, 0, 0, 0 );
}
.location_checkbox:checked + img {
	border: 1px solid red;
}