.grid {
  background: #EEE;
  /* max-width: 1200px; */
  max-width: 100%;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

/* .grid-item {
  width: 200px;
  height: 120px;
  float: left;
  background: #D26;
}
  
.grid-item--width2 { width: 400px; }
.grid-item--width3 { width: 600px; }
.grid-item--width4 { width: 800px; }

*/

.grid-sizer,
.grid-item {
  width: 16.66%;
  height: 200px;
  float: left;
  background: #FFFFFF;
  opacity: 0;
}

.grid-item--width2 { width: 33.33%; }
.grid-item--width3 { width: 50.0%; }
.grid-item--width4 { width: 66.66%; }


.grid-item--height2 { height: 400px; }
.grid-item--height3 { height: 600px; }
.grid-item--height4 { height: 8000px; }

.grid-item img {
    /* display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; */
    width: 100%;
    height: 100%;
    object-fit: cover;
  }