@media (max-width: 575px) {

    /* Place the timelime to the left */
      .timeline::after {
        left: 31px;
      }
    
    /* Full-width containers */
      .tlcontainer {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
      }
    
    /* Make sure that all arrows are pointing leftwards */
      .tlcontainer::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
      }
    
    /* Make sure all circles are at the same spot */
      .tlleft::after, .tlright::after {
        left: 5px;
        top:5px;
      }
    
    /* Make all right containers behave like the left ones */
      .tlright {
        left: 0%;
      }

      .tlcontent {
          padding-left:0px;
      }

      .tlcontent h2{
          margin-left:35px;
      }

      div.timeline > div.tlcontainer:not(:last-child) {
        border-left:0px;
      }

      .tlcontainer::after{
        width:15px;
        height:15px;
      }
 }