@media screen and (min-width: 700px) {
  .about .content-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .about img {
    grid-column: 1/3;
  }

  .about .story {
    grid-column: 1/2;
    grid-row: 2/4 ;
  }

  .about .vision {
    grid-column: 2/3;
    grid-row: 2/2;
  }

  .about .mission {
    grid-column: 0/1;
  }

  .about .values {
    grid-column: 1/3;
  }
}

/* Tablet Portrait - Better layout for portrait videos */
@media screen and (min-width: 641px) and (max-width: 900px) {
  .video-card[data-ratio="9:16"] {
    grid-column: span 1;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .videos-grid {
     column-gap: 1.5rem;
  }
}