JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
       <td id="j1"> <div class="inner"> Текст 4 рядки  </div>
       </td>
       <td id="j2"><div class="inner">    Текст 10 рядків    </div> 
      
       </td>      
    </tr>
    <tr>
       <td id="j1">    <div class="inner">    Текст 16 рядків </div>
       </td>
       <td id="j2"><div class="inner">    Текст 26 рядків </div>   
       </td>             
    </tr>
    <tr>
       <td id="j1"><div class="inner">        Текст 45 рядків <br>Текст 45 рядків<br>Текст 45 рядків<br>Текст 45 рядків<br>Текст 45 рядків </div>
       </td>
       <td id="j2"><div class="inner">        Текст 5 рядків     </div>
       </td>                                
    </tr>     <!-- і так далі... -->      
    </table>

CSS

td#j1{
  background: url('https://goo.gl/BaMVtd') no-repeat;
  -webkit-background-size: 100% auto;
  background-size:  100% auto;
  background-position: center center;
}
td#j2{
  background: url('https://goo.gl/65cdpC') no-repeat;
  -webkit-background-size: 100% auto;
  background-size:  100% auto;
  background-position: center center;
}