@media screen and (max-width: 680px) {

  .article_temasyniveles {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }

  /* ------------------------------------- */

  .article_certificado {
    flex-wrap: wrap;
    justify-content: center;
  }

  .div_certificado {
    width: auto;
  }

  .div_imagelocation {
    width: auto;
    margin-top: 1rem;
  }
}