JSFiddle - React, Tailwind, and code Playground

HTML

<div class="newspaper">
    <img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/>
    <img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/>
    <img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/>
    <img src="https://www.hojko.com/download/file.php?avatar=34394_137642139/.png"/>
    <img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/>
    <img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/>
    <img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/>
    <img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/>
</div>

<hr><br><br>

<table class='table'><tr>
    <td><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></td>
    <td><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></td>
    <td><img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/></td>
    </tr><tr>
    <td><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></td>
    <td><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></td>
    <td><img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/></td>
    </tr><tr>
    <td><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></td>
    <td><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></td>
    <td><img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/></td>
</tr></table>
    
<hr><br><br>
    
<table class='table'><tr>
    <td><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></td>
    <td><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></td>
    <td><img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/></td>
    </tr><tr>
    <td><img...

CSS

.newspaper {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -ms-column-gap: 0;
    column-gap: 0;
    max-width: 320px;
    margin: 0 auto;
}
.table{
    max-width: 320px;
    margin: 0 auto;    
}
img {
    max-width: 100%;
    height: auto;
}

JavaScript

var NewContent1 = "<img src='https://www.hojko.com/download/file.php?avatar=5439_1294832739.jpg'>";
$(".newspaper").click(function () {
    $page = $(this);
    $page.append(NewContent1);
});

var NewContent2 = "<td><img src='https://www.hojko.com/download/file.php?avatar=5439_1294832739.jpg'></td>";
$(".table").click(function () {
    $page = $(this).children("tbody");
    if ($(this).find("td").length % 3 == 0){
        $page.append("</tr><tr>");
    }
    $page.append(NewContent2);
});