How to change the size of the image and the table cell?

Make the table adaptable to mobile. Put it in a div, it has created a class .table_adaptive
Can't make the picture more prisiau .table_adaptive>img {max-width: none;} but not working.
Also can't change the column sizes "Price:"

I do not understand why the rules .table_adaptive>... if not change, but the generated class is used.

Prescribed

table{
table-layout: auto;
}
.table_adaptive 
{ display: block;
 overflow-x: auto;
}

.table_adaptive>img 
{
max-width: none !important;
}

.table_adaptive>table
{
width: 100vh !important;
display: block !important;
}