title: Numbers randomly placed with images hovering
body: <p>I got a question about a webpage.
  I want to put numbers at random on a page, like a postit-wall-thing. Just numbers. When I hover over one number it should show an image. The images can never be shown over the number.</p>
  
  <p>Like in below image, can anyone tell me the best way of placing numbers like this? I feel like paddings and margins are not the best way, but I don't know what is
  <a href="https://i.stack.imgur.com/YkA1u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YkA1u.png" alt="And when I hover, the image should never place itself over the number. It doesn&#39;t matter if it&#39;s over another number, but not the one it is bound to."></a></p>
  
  <p>And when I hover, the image should never place itself over the number. It doesn't matter if it's over another number, but not the one it is bound to.
  <a href="https://i.stack.imgur.com/chAKM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/chAKM.png" alt="And when I hover, the image should never place itself over the number. It doesn&#39;t matter if it&#39;s over another number, but not the one it is bound to."></a></p>
  
  <p>I'm not asking anyone to do this math for me, just how I should be thinking. A smart way to solve this.</p>