.masonry-gallery {
     display: block;
     margin-left: auto;
     margin-right: auto;
     overflow-y: scroll;
     max-height: 60vh;
}

.masonry-gallery::-webkit-scrollbar {
     width: 3px;
}

.masonry-gallery::-webkit-scrollbar-track {
     background: transparent;
}

.masonry-gallery::-webkit-scrollbar-thumb {
     background: #888;
     border-radius: 5px;
}

.masonry-gallery::-webkit-scrollbar-thumb:hover {
     background: #555;
}

.masonry-gallery .grid-sizer,
.masonry-gallery .grid-item {
     float: left;
     width: 25%;
     padding: 10px;
     height: 15vw;
}

@media (max-width: 768px) {
     .masonry-gallery .grid-sizer,
     .masonry-gallery .grid-item {
          width: 33.33%;
          padding: 5px;
          height: 25vw;
     }
}

@media (max-width: 425px) {
     .masonry-gallery .grid-sizer,
     .masonry-gallery .grid-item {
          width: 50%;
          padding: 2px;
          height: 35vw;
     }
}

.masonry-gallery .grid-sizer img,
.masonry-gallery .grid-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.masonry-gallery .grid-item--width2 {
     height: 30vw;
}

@media (max-width: 768px) {
     .masonry-gallery .grid-item--width2 {
          width: 33.33%;
          padding: 5px;
          height: 50vw;
     }
}

@media (max-width: 425px) {
     .masonry-gallery .grid-item--width2 {
          width: 50%;
          padding: 2px;
          height: 70vw;
     }
}


/*# sourceMappingURL=style.css.map */