[html]

<style>
  .num-table {
    border-collapse: separate;
    border-spacing: 8px;
    margin: 15px 0;
    width: auto;
  }
  .num-table td {
    width: 62px;
    height: 62px;
    padding: 0;
    text-align: center;
    font: bold 20px/52px Arial, sans-serif;
    background: #f0f8ff;
    border: 2px solid #4a90d9;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
  }
  .num-table td:hover {
    background: #d4e4ff;
    transform: scale(1.05);
    border-color: #2a6fc9;
  }
  .num-table td:active {
    transform: scale(0.92);
    background: #b6d4ff;
  }
</style>

<table class="num-table">
  <tr>
    <td onclick="document.getElementById('main-reply').value='беру номер 1';">1 <img src="https://upforme.ru/uploads/001c/52/36/91/520811.jpg" class="gallery-img"></td>
    <td onclick="document.getElementById('main-reply').value='беру номер 2';">2</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 3';">3</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 4';">4</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 5';">5</td>
  </tr>
  <tr>
    <td onclick="document.getElementById('main-reply').value='беру номер 6';">6</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 7';">7</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 8';">8</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 9';">9</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 10';">10</td>
  </tr>
  <tr>
    <td onclick="document.getElementById('main-reply').value='беру номер 11';">11</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 12';">12</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 13';">13</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 14';">14</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 15';">15</td>
  </tr>
  <tr>
    <td onclick="document.getElementById('main-reply').value='беру номер 16';">16</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 17';">17</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 18';">18</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 19';">19</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 20';">20</td>
  </tr>
  <tr>
    <td onclick="document.getElementById('main-reply').value='беру номер 21';">21</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 22';">22</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 23';">23</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 24';">24</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 25';">25</td>
  </tr>
  <tr>
    <td onclick="document.getElementById('main-reply').value='беру номер 26';">26</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 27';">27</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 28';">28</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 29';">29</td>
    <td onclick="document.getElementById('main-reply').value='беру номер 30';">30</td>
  </tr>
</table>

[/html]