#vuoto {
  height: 500px;
}
    body {
      display: flex;
      flex-direction: column;
      height:100%
    }
#divdestra{
      flex: 1; /* Questo prende tutto lo spazio verticale disponibile */
    float: right;
    width: 50%;
    padding-right: 6%;
    background-color:#ffffff91;
    box-sizing: border-box;
}

#divsinistra{
      flex: 1; /* Questo prende tutto lo spazio verticale disponibile */
    float: left;
    width: 50%;
    padding-left: 6%;
    background-color:#ffffff91;
    box-sizing: border-box;
}

#main-content {
      flex: 1; /* Questo prende tutto lo spazio verticale disponibile */
      display: flex; /* Layout a colonne per divsinistra e divdestra (side by side) */
    }

#divcard1 {
  height: 350px;
  width: 20%;
  background-color: var(--bs-body-bg);
  border: solid 1px;
  border-radius: 10px;
  position: absolute;
  left: 5%;
  top: 15%;
}

#div {
  display: flex;
  width: 100%;
  text-align: center;
}

#divcard2 {
  width: 20%;
  height: 350px;
  background-color: var(--bs-body-bg);
  border: solid 1px;
  border-radius: 10px;
  position: absolute;
  left: 40%;
  top: 15%;
}

#divcard3 {
  height: 350px;
  width: 20%;
  background-color: var(--bs-body-bg);
  border: solid 1px;
  border-radius: 10px;
  position: absolute;
  left: 75%;
  top:15%;
}

#div-image {
  height: 70%;
  width: 100%;
  border-bottom: solid 2px;
}

#div-info {
  height: 30%;
  width: 100%;
}

#info {
  text-align: center;
  margin-top: 5px;
}

#div-infos {
  //height: 2%;
  width: 100%;
}

#infos {
  text-align: left;
  margin-top: 5px;
}
#infos > span {
  font-weight:700;
}
#div-infod {
  height: 30%;
  width: 100%;
}

#infod {
  text-align: right;
  margin-top: 5px;
}

void {
  width: 1000px;
  height: 1000px;
}

#divcard4 {
  height: 350px;
  width: 20%;
  background-color: var(--bs-body-bg);
  border: solid 1px;
  border-radius: 10px;
  position: absolute;
  left: 5%;
  top: 55%;
}

#divcard5 {
  height: 350px;
  width: 20%;
  background-color: var(--bs-body-bg);
  border: solid 1px;
  border-radius: 10px;
  position: absolute;
  left: 40%;
  top: 55%;
}

#divcard6 {
  height: 350px;
  width: 20%;
  background-color: var(--bs-body-bg);
  border: solid 1px;
  border-radius: 10px;
  position: absolute;
  left: 75%;
  top: 55%;
}

#image {
  border-radius: 10px 10px 0 0;
}

#pure_image {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}