custom checkbox with image css

1#trigger {
2  display: none;
3}
4.checker {
5  background-image: url(assets/checkboxes.png);
6  background-position: left center;
7  background-size: auto 100%;
8  width: 40px;
9  height: 40px;
10  background-repeat: no-repeat;
11}
12#trigger:checked + .checker {
13  background-position: right center;
14}
15

1<div>Check me!</div>
2<input id="trigger" type="checkbox">
3<label for="trigger" class="checker"></label>
4