JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <img src="http://animal.discovery.com/healthy-pets/cat-health-101/images/thumbnails/stop-cat-fights-100.jpg" onclick="alert('image click');" /> 
    <input type="checkbox" class="checkbox" id="check1"  onclick="alert('checkbox click');" />
</div>
<div class="container">
    <img src="http://www.catname.org/images/cat04.jpg" />
    <input type="checkbox"  class="checkbox" id="check2" />
</div>

CSS

.container { position: relative; width: 100px; height: 100px; float: left; margin-left: 10px; }
.checkbox { position: absolute; bottom: 0px; right: 0px; }