.section3-container {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-gap: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
  }
  @media (max-width: 570px) {
      .section3-container {
          grid-template-columns: 1fr;
          text-align: center;
          margin-left: 15px;
          margin-right: 15px;
      }
  }

  @media (max-width: 1024px) {
      .section3-container {
          grid-template-columns: 1fr 1fr;
          text-align: center;
          margin-left: 15px;
          margin-right: 15px;
      }
  }