.masonryimagecontainer{
  height:100%;
  width:100%;
}
.masonryimage {
  height: 100%;
    object-fit: cover;
    width: 100%;

}
  #grid .grid-item {
    width: 100%;
    padding: 0 .8rem 1.6rem .8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.4rem !important;
    border-radius: 0.4rem !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    overflow: hidden; }

    @media screen and (min-width: 768px) {
      #grid .grid-item {
        width: 20%;
    height:50%;
  }   
      #grid .grid-item--width-2 {
        width:40%;
 
  }
  
  #grid .grid-item--height-2 {
        
    height:100%;
  }

}


.open-modal {
  cursor: pointer;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  position: relative;
  -webkit-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease; }
  .open-modal:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02); }
    .open-modal:hover .text {
      -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15);
      box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15); }
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:ilearn-masonry-grid-masonry-image-guid] [133.840] DESIGN*/
/*******************************************************************/
/* 0.4 D>D */
/* db 191 */