title: How to avoid content from being cut while printing
body: <p>I am trying to print an <code>N</code> number of images in a pdf, but I can't manage to avoid my images from being cut.
  I tried using <code>{ page-break-inside: avoid }</code> in the div class but it did not work. I leave a code pen for debugging hope it helps.</p>
  
  <p>PS: I added the <code>margin-right: 0</code> to the <code>@page</code> because I need the images to use all the blank space in the page</p>
  
  <p><a href="https://codepen.io/lsvargas/pen/mdJedNy" rel="nofollow noreferrer">https://codepen.io/lsvargas/pen/mdJedNy</a></p>