/* Three image containers (use 25% for four, and 50% for two, etc) */

  
  /* Clear floats after image containers */
  /* .row::after {
    content: "";
    clear: both;
    display: table;
  } */


  .row {
    display: flex;
    flex-wrap: wrap;
    padding: 2% 1% 1% 1%;
  }



  .column {
    display: flex;
    flex-direction: row;
  }


.ridersImg {
    margin: 3px;
}


/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
    .flex-container {
      flex-direction: column;
    }

    .ridersImg {
        max-width: 400px;
    }

  }