не меняются размеры картинок и текста в телефоне

Здравствуйте! Попробуйте использовать эти стили

.opisan {
  width: 100%;
  display: block;
}

.opisan tbody{
  width: 100%;
  display: block;
}

.opisan tr{
  width: 100%;
  display: block;
}

.opisan td{
  width: 200px;
  display: inline-block;
  margin: 10px 0 20px 0;
}

.opisan td:first-child{
  width: 240px!important;
  display: inline-block;
}

.opisan td:first-child img{
  width: 100%;
  height: auto;
 }

.opisan td:nth-child(2){
  width: calc(100% - 250px)!important;
  display: inline-block;
  padding: 0 20px;
}

@media (max-width: 700px) {
  .opisan td:nth-child(2){
    width: 100%!important;
  }

  .opisan td:first-child{
    width: 100%!important;
  }
}

И откажитесь от таблиц в будущем.