I'm not keen on either layout of hearts, because neither seems consistent. In the top pic, you have 20 hearts. If you start from the top left corner, you can do a whole diagonal row. Then if you alternate diagonal rows, i.e. don't put hearts in the next row of light blocks, but then make another row in the following diagonal row, that will use up exactly 20 hearts!