.gallery_area{
  background-color: #FFFFFF;
  padding-top: 60px;
  padding-bottom: 60px;
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
  .grid-item {
    float: left;
    transition: all .25s ease-in-out;
    .image-holder {
      margin: 20px;
      aspect-ratio: 1 / 1;
      background-size: cover;
      background-position: center;
      /*filter: grayscale(100%);*/
      transition: all .25s ease-in-out;
      &:hover {
        /*filter: grayscale(0);*/
      }
      @media #{$mobile_device} {
        margin: 10px;
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
        margin: 15px;
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
      }

    }
    &.grid-item--width2 {
      width: 100%; 
      .image-holder {
        aspect-ratio: 2/1;
      }
    }
  }
}