@charset "UTF-8";
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif; }

th, td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left; }

th {
  background-color: #f5f5f5;
  font-weight: bold; }

tr:nth-child(even) {
  background-color: #fafafa; }

td img {
  max-width: 100px;
  /* controla tamanho máximo da imagem */
  height: auto;
  display: block;
  margin: 0 auto;
  /* centraliza a imagem */
  border-radius: 6px;
  /* bordas levemente arredondadas */ }

@media (max-width: 600px) {
  table, thead, tbody, th, td, tr {
    display: block; }
  th {
    position: sticky;
    top: 0;
    z-index: 10; }
  td {
    margin-bottom: 15px; }
  img {
    max-width: 100%;
    /* imagens ocupam toda largura em telas pequenas */ } }