/* Base styles for desktop */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
}

.responsive-table th, 
.responsive-table td {
  padding: 12px;
  text-align: left;
  vertical-align: top;
}

/* Mobile-Specific Styles */
@media screen and (max-width: 1200px) {

  /* Force the table, rows, and cells to behave like blocks */ 
  .responsive-table, 
  .responsive-table tbody, 
  .responsive-table tr, 
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    display: block;
    width: --w; 
    text-align: left;
}

  .responsive-table td {
    text-align: left;
    position: relative;
    display: block;
  }

  .responsive-table img {
  width: 100%;
  height: 512px;
}

}