.about {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1.5rem;
  .about-images {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    picture,
    img {
      display: block;
      width: 100%;
      border-radius: 1.5rem;
    }
  }
  @media (width <= 1200px) {
    grid-template-columns: minmax(0,1fr);    
    .about-images {
      flex-direction: row;
    }
  }
  @media (width <= 768px) {
    .about-images {
      flex-direction: column;
    }    
  }
}