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

  .article_infoescuela {
    padding: 1rem;
    flex-direction: column;
  }

  .div_imagelocation {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
  }

  .ul_infoescuela {
    padding: 1rem;
  }

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

  .div_onlineclass {
    padding: 2rem;
    gap: 1rem;
  }

  .div_onlineclass_content {
    flex-direction: column-reverse;
    width: 100%;
  }

  .div_onlineclass_content figure {
    width: 200px;
  }



}