main {
  place-items: center;
}

#random-img {
  width: 70%;
  height: auto;

  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  padding: 1rem;
}





/* Smartphones (hasta 767px) */
@media (max-width: 767px) {
  /* main{ background-color: black;  } */

  #random-img {
    width: 96%;
    height: auto;
  }

  /* main {
    min-height: 80vh;
  } */

}

/* Tablets (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  /* main{ background-color: pink;  } */

  #random-img {
    width: 95%;
    height: auto;
  }

    /* main {
    min-height: 85vh;
  } */
}

/* Laptops (1024px - 1439px) monitores resulición baja */
@media (min-width: 1024px) and (max-width: 1439px) {
  /* main{ background-color: purple;  } */
  main {
    min-height: 85vh;
  }
}

/* PCs de escritorio (1440px - 1919px) macbook */
@media (min-width: 1440px) and (max-width: 1919px) {
  /* main{ background-color: greenyellow;  } */
  main {
    min-height: 80vh;
  }
}

/* Pantallas Ultrawide (1920px en adelante) */
@media (min-width: 1920px) {
  /* main{ background-color: red;  } */
  main {
    min-height: 80vh;
  }
}

