Table not fitting to screen

Hi guys!
I don't understand why I can not set a table put inside an article to fit with different screens.
On pc desktops and tablets it is shown correctly, but if accessed from a smartphone, to see it whole, you need to scroll horizzontally. In fact, inside the table appears the following phrase: "scroll horizontally to view the whole table".

My table, in the article, is set as following:
<table width="100%">
<tbody>
<tr>
<td>
<p><strong><em>TEXT1</em></strong></p>
<p>TEXT2</p>
<p>TEXT3</p>
<p>TEXT4</p>
</td>
<td>
<p>image1</p>
<p> </p>
<p> </p>
<p>image2</p>
</td>
</tr>
</tbody>
</table>

Any idea of what I have to change and where?
Thank you!!!

Hello,

The scrolling table is our solution for wide tables which are not able to adjust for the small screens. In fact please avoid tables totally as it causes a lot of issues on the smaller devices.

If I understand correctly, the fact that the message ""scroll horizontally to view the whole table" appears, it means that it is scrolling table.

It will appear for each table on the small screens, because it is hard to say which table has a proper size and which not - so every table is made wider (to 540px and has added scroll).