/*.masonrygallery {
 -moz-column-count: 3;
 -moz-column-gap: 1.4rem;
 -webkit-column-count: 4;
 -webkit-column-gap: 1.4rem;
 column-count: 3;
 column-gap:1.4rem;
  div {
    padding-bottom: 1rem;
  }
}



@media (max-width: 991px){
.masonrygallery  {
 -moz-column-count: 3;
 -moz-column-gap: 0px;
 -webkit-column-count: 3;
 -webkit-column-gap: 0px;
 column-count: 3;
 column-gap:1.4rem;

}
  }


@media (max-width: 766px){
.masonrygallery {
 -moz-column-count: 2;
 -moz-column-gap: 0px;
 -webkit-column-count: 2;
 -webkit-column-gap: 0px;
 column-count: 2;
 column-gap:1.4rem;
}
  }

@media (max-width: 480px){
.masonrygallery {
 -moz-column-count: 1;
 -moz-column-gap: 0px;
 -webkit-column-count: 1;
 -webkit-column-gap: 0px;
 column-count: 1;
 column-gap:1rem;
}
  }

*/


.masonrygallery {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 1rem 0rem;
  width:100%;
  min-height: 1000px;
}

@media (min-width: 768px){
  .masonrygallery  {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 1rem;
    min-height: 1000px;
  }
}

@media (min-width: 1024px){
  .masonrygallery  {
    grid-template-columns: repeat(5, 1fr);
    min-height: 500px;
    height: 100%;
  }
}



.masonrygallery div {
    padding-bottom: 1rem;
}

.masonrygallery .landscape {
  grid-column-end: span 2;
}

.masonrygallery .portrait {
  grid-row-end: span 2;
}

.masonrygallery .item {
  position:relative;
  overflow: hidden;
}

.masonrygallery .item a img{
  object-fit:cover;
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  transition: all 0.2s ease-in;
  transform: scale(1);
}

.masonrygallery .item:hover img{
  transform: scale(1.05);
}