HTML/CSS | checkboxes postions in picture

Hello party people I have a short question to our web developers. How is it possible to drop a few checkboxes inside a picutre at a specific postion?!

It would be very nice if I can drop the 11 checkboxes at the led position of the palm picture ;)

LED-Palm

<div class="container">
  <img alt="palm" src="palme.png" />
  <input type="checkbox" class="led" id="led1" />
  <input type="checkbox" class="led" id="led2" />
  <input type="checkbox" class="led" id="led3" />
  <input type="checkbox" class="led" id="led4" />
  <input type="checkbox" class="led" id="led5" />
  <input type="checkbox" class="led" id="led6" />
  <input type="checkbox" class="led" id="led7" />
  <input type="checkbox" class="led" id="led8" />
  <input type="checkbox" class="led" id="led9" />
  <input type="checkbox" class="led" id="led10" />
  <input type="checkbox" class="led" id="led11" />
</div>

The idea goes back to Christian Hascheks LED-Cactus.

I´am a web newbie and it would be very great if someone can help me :) Many thanks in advance!