.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: stretch;
    align-content: center;
  }
  
  .flex-items:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    animation: pb1f 3s;
  }

  @keyframes pb1f {
      0% {
          opacity: 0;
          margin-left: -10%;
      }
      
      100% {

      }
  }
  
  .flex-items:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: stretch;
    order: 0;
    animation: desca 3s;
  }

  @keyframes desca {
      0% {
          opacity: 0;
          margin-left: 25%;
      }

      100% {

      }
      
  }
  
  .flex-items:nth-child(3) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    animation: pb2f 3s;
  }

  @keyframes pb2f {
      0% {
          margin-left: 25%;
          opacity: 0;
      }

      100% {

      }

      
  }