.mosaique {
  display: flex;
  flex-wrap: wrap;
  gap: 8vh;
  justify-content: center;
}

li {
  list-style-type: none;
  margin-left: -6vh;
  margin-bottom: -7vh;
}

li img {
  border-radius: 2vh 2vh 2vh 2vh;
  height: 42.5vh;
  width: auto;
}

li video {
  border-radius: 2vh 2vh 2vh 2vh;
  height: 42.5vh;
  width: auto;
}

li1 {
  list-style-type: none;
  margin-left: -5vh;
  margin-bottom: -7vh;
}
li1 img {
  height: 42.5vh;
  width: auto;
}


/********************* Responsive *********************/

@media (orientation: portrait) {
  li img {
    height: 30vh;
    width: auto;
  }
}

@media (orientation: portrait) {
  li video {
    height: 30vh;
    width: auto;
  }
}

@media (orientation: portrait) {
  li1 img {
    height: 30vh;
    width: auto;
  }
}

@media (orientation: portrait) {
  .mosaique {
    gap: 7.4vh;
  }
}