/* Estilos para el grid en pantallas grandes */
.news-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .quote{
   width: 70%;
  }
  .center{
    display: flex;align-items: center;justify-content: center;
  }
  /* Estilos para el grid en pantallas pequeñas */
  @media (max-width: 768px) {
    .news-container {
      grid-template-columns: 1fr;
    }
    .news-container > div:first-child {
      order: 2;
    }
    .news-container > div:last-child {
      order: 1;
    }
    .quote{width: 100%;}
  } 

  
  
  
  
  