/* CSS Document */
/*  tabelle e immagini  */

img {
  width: 300px;
  height: auto;
       /*  border-radius: 50px; clip-path: circle(50%);  */ 
       /*  transform: scaleX(-1) scaleY(-1);   capovolgimento X e Y */
}

.imageborder { /*  border: 10px solid #000; padding: 15px;  */
 border-radius: 50px;
 box-shadow:
 0px 0px 0px 1px #4e8381 inset,
 0px 0px 0px 2px #74b6b4 inset,
 4px 5px 10px 5px #4a7c7b,  /* ombra X, ombra Y, sfocatura, diffusione */
 0px 5px 0px 0px #FFFFFF,  /*  riflesso luce*/
 0px 5px 0px 0px rgba(0,0,0,.15);
 }

#img1 {
  clip-path: circle(50%);
  opacity: 0.5;
}

.image-container {
  position: relative;
}

.image-text {
font-family: "Chakra Petch", sans-serif;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(-20%, -50%);
  z-index: 1;
  color: white;
  font-size: 30px;
  font-weight: 900;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 3px black;
}

table {
  border-spacing: 30px;
    border: 5px solid #000;
  width: 80%; /* Oppure una larghezza fissa in px */
  margin-left: auto;
  margin-right: auto;
}

tr {
    background-color: gray;
}
tr:nth-child(even) {    background-color: red;}

th,  /*  allineare il testo in tutte le celle*/
td {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}